*{margin:0;padding:0}html,body{scroll-behavior:smooth;width:100%;max-width:100%;overflow-x:hidden}body{color:#333;font-family:Space Grotesk,sans-serif}.navbar{z-index:1000;pointer-events:none;background:0 0;width:120px;height:100vh;position:fixed;top:0;right:0}@media (width<=768px){.navbar{justify-content:flex-end;align-items:flex-start;width:100%;height:auto;padding:1.2rem 1.5rem;display:flex;top:0;right:0}}.navbar-container{pointer-events:none;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.navbar-container>*{pointer-events:all}@media (width<=768px){.navbar-container{justify-content:flex-end;align-items:center;width:auto;height:auto}}.navbar .desktop-menu{pointer-events:all;flex-direction:column;align-items:flex-end;gap:.8rem;display:flex}@media (width<=768px){.navbar .desktop-menu{display:none}}.navbar .desktop-menu a{color:var(--secondary-text);text-transform:uppercase;letter-spacing:.15em;opacity:.3;padding-right:1.5rem;font-size:1rem;font-weight:700;text-decoration:none;transition:opacity .3s,color .3s;position:relative}.navbar .desktop-menu a:after{content:"";background:var(--secondary-text);width:6px;height:1px;transition:width .3s,background .3s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.navbar .desktop-menu a:hover{opacity:.7}.navbar .desktop-menu a:hover:after{width:10px}.navbar .desktop-menu a.active{opacity:1;color:var(--main-text)}.navbar .desktop-menu a.active:after{background:var(--main-text);width:12px}.navbar .mobile-menu-btn{cursor:pointer;color:var(--secondary-text);letter-spacing:.1em;text-transform:uppercase;pointer-events:all;white-space:nowrap;background:0 0;border:1px solid #f4f3ee33;padding:.6rem 1rem;font-family:Space Grotesk,sans-serif;font-size:.75rem;transition:border-color .3s,color .3s;display:none}@media (width<=768px){.navbar .mobile-menu-btn{display:block}}.navbar .mobile-menu-btn:hover{color:var(--main-text);border-color:var(--main-text)}.navbar .mobile-menu{background:var(--bg-color);z-index:1001;pointer-events:all;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(7,1fr);width:100vw;height:100dvh;animation:.4s cubic-bezier(.7,0,.3,1) forwards slideIn;display:grid;position:fixed;inset:0;overflow:hidden}.navbar .mobile-menu.closing{animation:.4s cubic-bezier(.7,0,.3,1) forwards slideOut}.navbar .mobile-menu .close-btn{cursor:pointer;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.1em;background:0 0;border:1px solid #f4f3ee33;grid-area:1/6/auto/8;place-self:center end;margin-top:1.5rem;margin-right:1.5rem;padding:.6rem 1rem;font-family:Space Grotesk,sans-serif;font-size:.75rem;transition:color .3s,border-color .3s}@media (width<=768px){.navbar .mobile-menu .close-btn{grid-column:6/8;margin-top:1.2rem;margin-right:1.2rem;padding:.7rem 1.1rem;font-size:.85rem}}.navbar .mobile-menu .close-btn:hover{color:var(--main-text);border-color:var(--main-text)}.navbar .mobile-menu .mobile-links{flex-direction:column;grid-area:2/2/5/7;justify-content:center;gap:0;display:flex}@media (width<=768px){.navbar .mobile-menu .mobile-links{grid-column:1/8;padding:0 2rem}}@media (width<=480px){.navbar .mobile-menu .mobile-links{padding:0 1.5rem}}.navbar .mobile-menu .mobile-links a{color:#0000;text-transform:uppercase;-webkit-text-stroke:1px #f4f3ee33;border-top:1px solid #f4f3ee1a;padding:.6rem 0;font-family:Syncopate,sans-serif;font-size:clamp(2.2rem,9vw,6rem);font-weight:700;line-height:1.15;text-decoration:none;transition:color .3s,-webkit-text-stroke .3s}@media (width<=480px){.navbar .mobile-menu .mobile-links a{padding:.8rem 0;font-size:clamp(1.8rem,10vw,3rem)}}.navbar .mobile-menu .mobile-links a:last-child{border-bottom:1px solid #f4f3ee1a}.navbar .mobile-menu .mobile-links a:hover,.navbar .mobile-menu .mobile-links a:active,.navbar .mobile-menu .mobile-links a.active{color:var(--main-text);-webkit-text-stroke:0px}.navbar .mobile-menu:after{content:"© DAN GABRIELLE DE CASTRO 2026";letter-spacing:.2em;text-transform:uppercase;color:var(--secondary-text);opacity:.15;grid-area:5/2/auto/7;align-self:end;padding-bottom:2rem;font-size:.55rem;font-weight:700}@media (width<=768px){.navbar .mobile-menu:after{grid-column:1/8;padding:0 2rem 2rem;font-size:.5rem}}@media (width<=480px){.navbar .mobile-menu:after{padding:0 1.5rem 1.5rem}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.hero{background-color:var(--bg-color);border-bottom:1px solid #ffffff4d;justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero .hero-container{z-index:10;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(7,1fr);grid-auto-flow:row;place-items:center;gap:0;width:100%;height:100vh;display:grid;position:relative;overflow:hidden}.hero .hero-container .top-title{color:#0000;-webkit-text-stroke:2px var(--secondary-text);z-index:20;will-change:transform;text-align:center;grid-area:1/1/2/8;align-self:flex-start;font-family:Syncopate,sans-serif;font-size:clamp(2.5rem,12vw,15rem);transition:color .3s,-webkit-text-stroke .3s}@media (width<=768px){.hero .hero-container .top-title{-webkit-text-stroke:1.5px var(--secondary-text);align-self:center;padding-top:1rem;font-size:clamp(2rem,13vw,6rem)}}@media (width<=480px){.hero .hero-container .top-title{-webkit-text-stroke:1px var(--secondary-text);font-size:clamp(1rem,13vw,4rem)}}.hero .hero-container .top-title:hover{color:var(--main-text);-webkit-text-stroke:0px}.hero .hero-container .middle-block{z-index:20;flex-direction:column;grid-area:3/2/5/7;align-items:center;gap:.8rem;display:flex}@media (width<=768px){.hero .hero-container .middle-block{grid-area:2/1/5/8;gap:.5rem;padding:0 1rem}}.hero .hero-container .middle-title{color:var(--secondary-text);text-align:center;letter-spacing:10px;font-size:clamp(2.5rem,8vw,10rem);font-weight:900;line-height:1}@media (width<=768px){.hero .hero-container .middle-title{letter-spacing:6px;font-size:clamp(2rem,10vw,6rem)}}@media (width<=480px){.hero .hero-container .middle-title{letter-spacing:4px;font-size:clamp(1.2rem,12vw,4rem)}}.hero .hero-container .hero-name{text-transform:uppercase;letter-spacing:.3em;color:var(--secondary-text);text-align:center;font-size:clamp(.4rem,1.2vw,.8rem);font-weight:100}@media (width<=768px){.hero .hero-container .hero-name{letter-spacing:.2em;font-size:clamp(.5rem,2vw,.75rem)}}@media (width<=480px){.hero .hero-container .hero-name{letter-spacing:.15em;font-size:.55rem}}.hero .hero-container .bottom-title{color:#0000;-webkit-text-stroke:2px var(--secondary-text);z-index:20;will-change:transform;text-align:center;grid-area:6/1/7/8;justify-self:center;font-family:Syncopate,sans-serif;font-size:clamp(2.5rem,12vw,14rem);transition:color .3s,-webkit-text-stroke .3s}@media (width<=768px){.hero .hero-container .bottom-title{-webkit-text-stroke:1.5px var(--secondary-text);grid-area:5/1/6/8;font-size:clamp(2rem,13vw,6rem)}}@media (width<=480px){.hero .hero-container .bottom-title{-webkit-text-stroke:1px var(--secondary-text);font-size:clamp(1rem,12vw,4rem)}}.hero .hero-container .bottom-title:hover{color:var(--main-text);-webkit-text-stroke:0px}.cursor-dot{background:var(--main-text);pointer-events:none;z-index:99999;will-change:transform;border-radius:50%;width:10px;height:10px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-ring{pointer-events:none;z-index:99998;will-change:transform;background:0 0;border:1px solid #f4f3ee80;border-radius:50%;width:36px;height:36px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}@media (width<=768px){.cursor-dot,.cursor-ring{display:none}}.about{background-color:var(--bg-color);border-bottom:1px solid #ffffff4d;justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex;position:relative;overflow:hidden}.about .about-container{z-index:10;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(7,1fr);grid-auto-flow:row;place-items:center;gap:0;width:100%;height:100vh;display:grid;position:relative;overflow:hidden}@media (width<=768px){.about .about-container{grid-template-rows:auto;align-items:start;height:auto;min-height:100vh;padding:6rem 0 4rem}}.about .first-paragraph{color:var(--secondary-text);grid-area:2/2/4/7;font-size:clamp(1rem,3vw,2.5rem);font-weight:100;line-height:1.5}@media (width<=768px){.about .first-paragraph{grid-area:auto/1/auto/8;padding:0 2rem;font-size:clamp(1rem,4vw,1.6rem);line-height:1.7}}@media (width<=480px){.about .first-paragraph{padding:0 1.5rem;font-size:clamp(.95rem,4.5vw,1.3rem)}}.about .tech-section{flex-direction:column;grid-area:4/2/6/7;gap:1rem;width:100%;display:flex}@media (width<=768px){.about .tech-section{grid-area:auto/1/auto/8;gap:.8rem;padding:2rem 2rem 0}}@media (width<=480px){.about .tech-section{padding:1.5rem 1.5rem 0}}.about .tech-section .tech-divider{border-top:1px solid #f4f3ee33;padding-top:.75rem}.about .tech-section .tech-divider .tech-label{text-transform:uppercase;letter-spacing:.2em;color:var(--main-text);font-size:.7rem;font-weight:700}.about .tech-section .tech-groups{flex-direction:column;gap:.5rem;display:flex}.about .tech-section .tech-groups .tech-group{align-items:center;gap:0;display:flex}@media (width<=480px){.about .tech-section .tech-groups .tech-group{flex-direction:column;align-items:flex-start;gap:.4rem}}.about .tech-section .tech-groups .tech-group .group-label{text-transform:uppercase;letter-spacing:.15em;color:var(--secondary-text);opacity:.35;flex-shrink:0;width:80px;font-size:.65rem;font-weight:700}@media (width<=480px){.about .tech-section .tech-groups .tech-group .group-label{width:auto}}.about .tech-section .tech-groups .tech-group .tech-badges{flex-wrap:wrap;gap:0;display:flex}.about .tech-section .tech-groups .tech-group .tech-badges .badge{color:var(--secondary-text);border:1px solid var(--secondary-text);text-transform:uppercase;letter-spacing:.15em;cursor:default;background:0 0;margin:-1px 0 0 -1px;padding:.3rem .75rem;font-size:.75rem;font-weight:700;transition:background .15s,color .15s}@media (width<=768px){.about .tech-section .tech-groups .tech-group .tech-badges .badge{padding:.25rem .6rem;font-size:.65rem}}@media (width<=480px){.about .tech-section .tech-groups .tech-group .tech-badges .badge{padding:.2rem .5rem;font-size:.6rem}}.about .tech-section .tech-groups .tech-group .tech-badges .badge:hover{background:var(--main-text);color:var(--bg-color);border-color:var(--main-text);z-index:1;position:relative}.about .watermark{color:var(--secondary-text);opacity:.03;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(6rem,20vw,15rem);font-weight:900;line-height:1;position:absolute;bottom:-2rem;right:2rem}@media (width<=768px){.about .watermark{font-size:clamp(4rem,20vw,10rem);bottom:-1rem;right:1rem}}.mask-inner{display:inline-block;position:relative;overflow:hidden}.mask-inner .js-mask{background:var(--main-text);transform-origin:0;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.noise{opacity:.3;visibility:visible;z-index:10;pointer-events:none;background:url(http://assets.iceable.com/img/noise-transparent.png);width:200%;height:200vh;animation:.2s infinite bg-animation;position:fixed;inset:-50%}@keyframes bg-animation{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(5%)}}.projects{background-color:var(--bg-color);cursor:none;border-bottom:1px solid #ffffff4d;justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex;position:relative;overflow:hidden}@media (width<=768px){.projects{cursor:auto;align-items:flex-start}}.projects .projects-container{z-index:10;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(7,1fr);grid-auto-flow:row;place-items:center;gap:0;width:100%;height:100vh;display:grid;position:relative;overflow:hidden}@media (width<=768px){.projects .projects-container{grid-template-rows:auto;align-items:start;height:auto;min-height:100vh;padding:5rem 0 4rem}}.projects .cursor{background:var(--main-text);pointer-events:none;z-index:9999;border-radius:50%;width:10px;height:10px;position:fixed;transform:translate(-50%,-50%)}@media (width<=768px){.projects .cursor{display:none}}.projects .project-preview{pointer-events:none;z-index:998;opacity:0;border:2px solid var(--secondary-text);width:320px;height:200px;transition:opacity .3s,transform .3s;position:fixed;overflow:hidden;transform:translate(-50%,-50%)scale(.85)rotate(-2deg)}.projects .project-preview.visible{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-2deg)}.projects .project-preview img{object-fit:cover;width:100%;height:100%;display:block}.projects .project-preview .preview-label{background:var(--main-text);color:var(--bg-color);text-transform:uppercase;letter-spacing:.15em;padding:.3rem .6rem;font-size:.65rem;font-weight:700;position:absolute;bottom:0;left:0;right:0}@media (width<=768px){.projects .project-preview{display:none}}.projects .corner-text{color:var(--secondary-text);opacity:.03;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(6rem,20vw,15rem);font-weight:900;line-height:1;position:absolute;bottom:-2rem;right:2rem}@media (width<=768px){.projects .corner-text{font-size:clamp(3rem,18vw,8rem);bottom:-1rem;right:1rem}}.projects .section-header{border-bottom:1px solid #f4f3ee26;grid-area:1/2/2/7;align-self:flex-end;align-items:center;gap:1rem;width:100%;padding-bottom:1rem;display:flex}@media (width<=768px){.projects .section-header{grid-area:auto/1/auto/8;padding:0 2rem 1rem}}.projects .section-header .section-title{text-transform:uppercase;letter-spacing:.2em;color:var(--secondary-text);opacity:.3;font-size:.7rem;font-weight:700}.projects .project-list{flex-direction:column;grid-area:2/2/6/7;justify-content:center;width:100%;height:100%;display:flex}@media (width<=768px){.projects .project-list{grid-area:auto/1/auto/8;justify-content:flex-start;height:auto;padding:0 2rem}}@media (width<=480px){.projects .project-list{padding:0 1.5rem}}.projects .project-row{cursor:none;border-top:1px solid #f4f3ee26;grid-template-columns:80px 1fr auto;align-items:center;padding:1.5rem 0;display:grid;position:relative;overflow:hidden}@media (width<=768px){.projects .project-row{cursor:pointer;grid-template-rows:auto auto;grid-template-columns:50px 1fr;gap:.3rem 0;padding:1.2rem 0}}@media (width<=480px){.projects .project-row{grid-template-columns:40px 1fr;padding:1rem 0}}.projects .project-row:before{content:"";background:var(--main-text);transform-origin:bottom;z-index:0;transition:transform .4s cubic-bezier(.7,0,.3,1);position:absolute;inset:0;transform:scaleY(0)}.projects .project-row:hover:before{transform:scaleY(1)}.projects .project-row:last-child{border-bottom:1px solid #f4f3ee26}.projects .project-row>*{z-index:1;transition:color .3s;position:relative}.projects .project-row .project-number{letter-spacing:.15em;color:var(--secondary-text);opacity:.35;font-size:.75rem;font-weight:700;transition:opacity .3s,color .3s}@media (width<=768px){.projects .project-row .project-number{grid-area:1/1;align-self:center;font-size:.65rem}}.projects .project-row .project-title{text-transform:uppercase;letter-spacing:-.02em;-webkit-text-stroke:1px var(--secondary-text);color:#0000;font-family:Syncopate,sans-serif;font-size:clamp(1.2rem,3vw,2.8rem);font-weight:800;line-height:1;transition:color .3s,-webkit-text-stroke .3s}@media (width<=768px){.projects .project-row .project-title{-webkit-text-stroke:.8px var(--secondary-text);grid-area:1/2;font-size:clamp(1rem,5vw,2rem)}}@media (width<=480px){.projects .project-row .project-title{font-size:clamp(.9rem,5.5vw,1.6rem)}}.projects .project-row .project-right{flex-direction:column;align-items:flex-end;gap:.4rem;display:flex}@media (width<=768px){.projects .project-row .project-right{flex-flow:wrap;grid-area:2/2;justify-content:space-between;align-items:center;gap:.3rem}}.projects .project-row .project-right .project-meta{text-transform:uppercase;letter-spacing:.15em;color:var(--secondary-text);opacity:.5;font-size:.7rem;font-weight:700;transition:opacity .3s,color .3s}@media (width<=480px){.projects .project-row .project-right .project-meta{font-size:.6rem}}.projects .project-row .project-right .project-tech{flex-wrap:wrap;justify-content:flex-end;gap:0;display:flex}@media (width<=768px){.projects .project-row .project-right .project-tech{justify-content:flex-start}}.projects .project-row .project-right .project-tech .tech-tag{text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--secondary-text);color:var(--secondary-text);opacity:.5;margin:-1px 0 0 -1px;padding:.2rem .5rem;font-size:.6rem;font-weight:700;transition:opacity .3s,color .3s,border-color .3s,background .3s}@media (width<=480px){.projects .project-row .project-right .project-tech .tech-tag{padding:.15rem .4rem;font-size:.55rem}}.projects .project-row .project-right .project-arrow{color:var(--secondary-text);opacity:0;font-size:1.5rem;transition:opacity .3s,transform .3s,color .3s;transform:translate(-10px)}@media (width<=768px){.projects .project-row .project-right .project-arrow{display:none}}.projects .project-row:hover .project-number{opacity:1;color:var(--bg-color)}.projects .project-row:hover .project-title{color:var(--bg-color);-webkit-text-stroke:0px}.projects .project-row:hover .project-right .project-meta{opacity:1;color:var(--bg-color)}.projects .project-row:hover .project-right .tech-tag{opacity:1;color:var(--bg-color);border-color:var(--bg-color)}.projects .project-row:hover .project-right .project-arrow{opacity:1;color:var(--bg-color);transform:translate(0)}.principles{background-color:var(--bg-color);border-bottom:1px solid #ffffff4d;justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex;position:relative;overflow:hidden}@media (width<=768px){.principles{align-items:flex-start}}.principles .principles-container{z-index:10;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(7,1fr);grid-auto-flow:row;place-items:center;gap:0;width:100%;height:100vh;display:grid;position:relative;overflow:hidden}@media (width<=768px){.principles .principles-container{grid-template-rows:auto;align-items:start;height:auto;min-height:100vh;padding:5rem 0 4rem}}.principles .corner-text{color:var(--secondary-text);opacity:.03;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(6rem,20vw,15rem);font-weight:900;line-height:1;position:absolute;bottom:-2rem;right:2rem}@media (width<=768px){.principles .corner-text{font-size:clamp(3rem,18vw,8rem);bottom:-1rem;right:1rem}}.principles .section-header{border-bottom:1px solid #f4f3ee26;grid-area:1/2/2/7;justify-content:space-between;align-self:flex-end;align-items:center;width:100%;padding-bottom:1rem;display:flex}@media (width<=768px){.principles .section-header{grid-area:auto/1/auto/8;padding:0 2rem 1rem}}@media (width<=480px){.principles .section-header{padding:0 1.5rem 1rem}}.principles .section-header .section-label{text-transform:uppercase;letter-spacing:.2em;color:var(--main-text);font-size:.7rem;font-weight:700}.principles .section-header .section-count{letter-spacing:.15em;color:var(--secondary-text);opacity:.2;font-size:.65rem;font-weight:700}.principles .principles-list{flex-direction:column;grid-area:2/2/6/7;justify-content:center;width:100%;height:100%;display:flex}@media (width<=768px){.principles .principles-list{grid-area:auto/1/auto/8;justify-content:flex-start;height:auto;padding:0 2rem}}@media (width<=480px){.principles .principles-list{padding:0 1.5rem}}.principles .principle-row{cursor:default;border-top:1px solid #f4f3ee26;grid-template-columns:80px 1fr 1fr auto;align-items:center;padding:1.5rem 0;display:grid;position:relative;overflow:hidden}@media (width<=768px){.principles .principle-row{grid-template-rows:auto auto;grid-template-columns:50px 1fr;gap:.4rem 0;padding:1.2rem 0}}@media (width<=480px){.principles .principle-row{grid-template-columns:40px 1fr;padding:1rem 0}}.principles .principle-row:before{content:"";background:var(--main-text);transform-origin:bottom;z-index:0;transition:transform .4s cubic-bezier(.7,0,.3,1);position:absolute;inset:0;transform:scaleY(0)}.principles .principle-row:hover:before{transform:scaleY(1)}.principles .principle-row:last-child{border-bottom:1px solid #f4f3ee26}.principles .principle-row>*{z-index:1;transition:color .3s;position:relative}.principles .principle-row .row-number{letter-spacing:.15em;color:var(--secondary-text);opacity:.35;font-size:.75rem;font-weight:700;transition:opacity .3s,color .3s}@media (width<=768px){.principles .principle-row .row-number{grid-area:1/1;align-self:center;font-size:.65rem}}.principles .principle-row .row-title{text-transform:uppercase;letter-spacing:-.02em;color:#0000;-webkit-text-stroke:1px var(--secondary-text);font-family:Syncopate,sans-serif;font-size:clamp(1.2rem,3vw,2.8rem);font-weight:800;line-height:1;transition:color .3s,-webkit-text-stroke .3s}@media (width<=768px){.principles .principle-row .row-title{-webkit-text-stroke:.8px var(--secondary-text);grid-area:1/2;font-size:clamp(1rem,5vw,2rem)}}@media (width<=480px){.principles .principle-row .row-title{font-size:clamp(.9rem,5.5vw,1.6rem)}}.principles .principle-row .row-desc{color:var(--secondary-text);opacity:.5;padding:0 1rem;font-size:clamp(.7rem,1vw,.85rem);font-weight:300;line-height:1.8;transition:opacity .3s,color .3s}.principles .principle-row .row-desc .highlight{color:var(--main-text);font-weight:600;transition:color .3s}@media (width<=768px){.principles .principle-row .row-desc{opacity:.5;grid-area:2/2;padding:0;font-size:clamp(.7rem,3vw,.85rem)}}@media (width<=480px){.principles .principle-row .row-desc{font-size:.72rem;line-height:1.7}}.principles .principle-row .row-tag{text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--secondary-text);color:var(--secondary-text);opacity:.35;white-space:nowrap;padding:.2rem .5rem;font-size:.6rem;font-weight:700;transition:opacity .3s,color .3s,border-color .3s,background .3s}@media (width<=768px){.principles .principle-row .row-tag{display:none}}.principles .principle-row:hover .row-number{opacity:1;color:var(--bg-color)}.principles .principle-row:hover .row-title{color:var(--bg-color);-webkit-text-stroke:0px}.principles .principle-row:hover .row-desc{opacity:1;color:var(--bg-color)}.principles .principle-row:hover .row-desc .highlight{color:var(--bg-color)}.principles .principle-row:hover .row-tag{opacity:1;color:var(--bg-color);border-color:var(--bg-color)}:root{--main-text:#ff9e00;--bg-color:#0a0908;--secondary-text:#f4f3ee}.contact{background-color:var(--bg-color);border-top:1px solid #f4f3ee4d;flex-direction:column;width:100vw;min-height:100vh;display:flex;position:relative;overflow:hidden}.contact .contact-cta{flex:1;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(7,1fr);gap:0;min-height:60vh;display:grid;position:relative}@media (width<=768px){.contact .contact-cta{grid-template-rows:repeat(5,1fr);min-height:50vh}}.contact .contact-cta .cta-watermark{color:var(--secondary-text);opacity:.02;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:0;font-family:Syncopate,sans-serif;font-size:20rem;font-weight:700;line-height:1;position:absolute;bottom:-4vw;left:50%;transform:translate(-50%)}@media (width<=768px){.contact .contact-cta .cta-watermark{font-size:8rem}}.contact .contact-cta .cta-heading{text-transform:uppercase;color:#0000;-webkit-text-stroke:2px #f4f3ee;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:1;grid-area:2/1/5/8;place-self:center;padding:0 1rem;font-family:Syncopate,sans-serif;font-size:clamp(3rem,13vw,14rem);font-weight:700;line-height:.9;transition:color .4s,-webkit-text-stroke .4s;position:relative}@media (width<=768px){.contact .contact-cta .cta-heading{-webkit-text-stroke:1.5px #f4f3ee;grid-row:2/5;font-size:clamp(2.5rem,14vw,6rem)}}@media (width<=480px){.contact .contact-cta .cta-heading{-webkit-text-stroke:1px #f4f3ee;font-size:clamp(2rem,15vw,4rem)}}.contact .contact-cta .cta-heading:hover{color:var(--main-text);-webkit-text-stroke:0px}.contact .contact-cta .cta-email{letter-spacing:.2em;color:var(--secondary-text);opacity:1;text-transform:lowercase;z-index:5;text-align:center;border-bottom:1px solid #0000;grid-area:5/2/auto/7;place-self:center;padding-bottom:2px;font-size:clamp(.7rem,1.5vw,1.1rem);font-weight:300;text-decoration:none;transition:opacity .3s,border-color .3s,color .3s}@media (width<=768px){.contact .contact-cta .cta-email{letter-spacing:.1em;word-break:break-all;grid-column:1/8;padding:0 1.5rem 2px;font-size:clamp(.6rem,3vw,.9rem)}}.contact .contact-cta .cta-email:hover{opacity:1;color:var(--main-text);border-color:var(--main-text)}.contact .tape-wrapper{background:var(--main-text);color:#000;z-index:0;border-top:3px solid #000;width:120%;padding:10px 0;position:absolute;bottom:30vh;left:-10%;transform:rotate(-2deg);box-shadow:0 10px 30px #00000080}@media (width<=768px){.contact .tape-wrapper{padding:6px 0;bottom:50vh}}.contact .tape-text{white-space:nowrap;font-family:Syncopate;font-size:2rem;font-weight:800;animation:10s linear infinite tapeScroll}@media (width<=768px){.contact .tape-text{font-size:1.2rem}}@media (width<=480px){.contact .tape-text{font-size:.9rem}}@keyframes tapeScroll{to{transform:translate(-50%)}}.contact .contact-footer{z-index:1;border-top:3px solid #f4f3ee4d;grid-template-rows:auto auto;grid-template-columns:repeat(7,1fr);align-items:center;gap:0;padding:2rem;display:grid;position:relative}@media (width<=768px){.contact .contact-footer{grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr;gap:1.5rem 0;padding:2rem 1.5rem}}@media (width<=480px){.contact .contact-footer{grid-template-columns:1fr;padding:1.5rem}}.contact .contact-footer .footer-name{flex-direction:column;grid-area:1/1/auto/4;gap:.3rem;display:flex}@media (width<=768px){.contact .contact-footer .footer-name{grid-area:1/1/auto/2}}@media (width<=480px){.contact .contact-footer .footer-name{grid-area:1/1/auto/2}}.contact .contact-footer .footer-name h2{letter-spacing:.05em;color:var(--secondary-text);font-family:Syncopate,sans-serif;font-size:clamp(.6rem,1.2vw,1rem);font-weight:700}.contact .contact-footer .footer-name p{text-transform:uppercase;letter-spacing:.2em;color:var(--secondary-text);opacity:1;font-size:.65rem;font-weight:300}.contact .contact-footer .footer-nav{grid-area:1/3/auto/6;justify-content:center;gap:2rem;list-style:none;display:flex}@media (width<=768px){.contact .contact-footer .footer-nav{flex-wrap:wrap;grid-area:2/1/auto/3;justify-content:flex-start;gap:1.5rem}}@media (width<=480px){.contact .contact-footer .footer-nav{display:none}}.contact .contact-footer .footer-nav a{text-transform:uppercase;letter-spacing:.15em;color:var(--secondary-text);opacity:.9;font-size:.65rem;font-weight:700;text-decoration:none;transition:opacity .3s,color .3s}.contact .contact-footer .footer-nav a:hover{opacity:1;color:var(--main-text)}.contact .contact-footer .footer-socials{grid-area:1/7/auto/8;justify-content:center;align-items:center;gap:1.5rem;display:flex}@media (width<=768px){.contact .contact-footer .footer-socials{flex-wrap:wrap;grid-area:1/2/auto/3;justify-content:flex-end;gap:.8rem}}@media (width<=480px){.contact .contact-footer .footer-socials{grid-area:2/1/auto/2;justify-content:flex-start}}.contact .contact-footer .footer-socials a{text-transform:uppercase;letter-spacing:.15em;color:var(--secondary-text);opacity:1;border:1px solid;padding:.3rem .7rem;font-size:.65rem;font-weight:700;text-decoration:none;transition:opacity .3s,color .3s,border-color .3s}.contact .contact-footer .footer-socials a:hover{opacity:1;color:var(--main-text);border-color:var(--main-text)}.contact .contact-footer .footer-copy{border-top:1px solid #f4f3ee14;flex-wrap:wrap;grid-area:2/1/auto/8;justify-content:space-between;align-items:center;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}@media (width<=768px){.contact .contact-footer .footer-copy{grid-area:3/1/auto/3;margin-top:0}}@media (width<=480px){.contact .contact-footer .footer-copy{flex-direction:column;grid-column:1/2;align-items:flex-start;gap:.3rem}}.contact .contact-footer .footer-copy p{text-transform:uppercase;letter-spacing:.15em;color:var(--secondary-text);opacity:1;font-size:.6rem;font-weight:300}*{box-sizing:border-box;margin:0;padding:0}body{cursor:none;width:100%;font-family:Space Grotesk,sans-serif;overflow-x:hidden}.main-content{width:calc(100% - 100px);margin-right:100px}