*{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}:root{--main-text:#ff6a00;--bg-color:#0a0908;--secondary-text:#f4f3ee}.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 #ffffff14;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-columns:1fr 1fr;gap:0;width:100%;height:100vh;display:grid;position:relative}@media (width<=768px){.hero .hero-container{grid-template-rows:50vh 50vh;grid-template-columns:1fr;height:100vh}}.hero .hero-left{background:var(--main-text);border-right:1px solid #00000026;grid-template-rows:auto 1fr auto;gap:0;padding:clamp(32px,5vw,60px);display:grid;position:relative;overflow:hidden}@media (width<=768px){.hero .hero-left{padding:32px 24px}}.hero .left-big{color:var(--bg-color);letter-spacing:-2px;will-change:transform;z-index:2;grid-row:2;align-self:center;font-family:Syncopate,sans-serif;font-size:clamp(3rem,8vw,10rem);font-weight:700;line-height:.88;transition:color .3s,-webkit-text-stroke .3s}@media (width<=768px){.hero .left-big{font-size:clamp(2.5rem,10vw,5rem)}}@media (width<=480px){.hero .left-big{font-size:clamp(2rem,11vw,3.5rem)}}@media (width>=1200px) and (width<=1920px){.hero .left-big{font-size:clamp(3rem,8vw,7rem)}}.hero .left-big:hover{color:var(--secondary-text);-webkit-text-stroke:0px}.hero .hero-right{grid-template-rows:auto 1fr auto;gap:0;padding:clamp(32px,5vw,60px);display:grid;overflow:hidden}@media (width<=768px){.hero .hero-right{padding:32px 24px}}.hero .hero-name{text-transform:uppercase;letter-spacing:.25em;color:var(--secondary-text);grid-row:1;align-self:start;font-size:clamp(.55rem,1vw,.8rem);font-weight:400}.hero .hero-name span{color:var(--main-text)}@media (width<=768px){.hero .hero-name{text-align:center;font-size:.65rem}}.hero .outline-stack{grid-row:2;grid-template-rows:repeat(3,auto);align-content:center;gap:0;display:grid}.hero .outline-word{color:#0000;-webkit-text-stroke:1px #f4f3ee26;letter-spacing:.05em;will-change:transform;font-family:Syncopate,sans-serif;font-size:clamp(1.8rem,4vw,5.5rem);font-weight:700;line-height:1;transition:color .3s,-webkit-text-stroke .3s}.hero .outline-word:hover{color:var(--main-text);-webkit-text-stroke:0px}@media (width<=768px){.hero .outline-word{text-align:center;font-size:clamp(1.5rem,7vw,3rem)}}.hero .outline-faint{-webkit-text-stroke:1px #f4f3ee26}.hero .filled-word{color:var(--secondary-text);letter-spacing:4px;font-family:Syncopate,sans-serif;font-size:clamp(1.8rem,4vw,5.5rem);font-weight:900;line-height:1}@media (width<=768px){.hero .filled-word{letter-spacing:2px;text-align:center;font-size:clamp(1.5rem,7vw,3rem)}}.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 #ffffff14;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 .about-gutter{border-right:1px solid #ffffff0f;grid-area:1/1/6/2;justify-content:center;place-self:stretch stretch;align-items:center;display:flex;position:relative}@media (width<=768px){.about .about-gutter{display:none}}.about .about-gutter .gutter-label{letter-spacing:4px;text-transform:uppercase;color:var(--main-text);writing-mode:vertical-rl;font-size:clamp(1rem,2.2vw,5rem);font-weight:700;transform:rotate(180deg)}.about .first-paragraph{color:var(--secondary-text);grid-area:2/2/4/7;margin-left:3rem;font-size:clamp(1rem,2.2vw,1.8rem);font-weight:300;line-height:1.6}@media (width<=768px){.about .first-paragraph{text-align:center;grid-area:auto/1/auto/7;width:100%;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.25rem)}}.about .tech-section{flex-direction:column;grid-area:4/2/6/7;gap:.75rem;width:100%;margin-left:3rem;display:flex}@media (width<=768px){.about .tech-section{grid-area:auto/1/auto/8;padding:2rem 2rem 0}}@media (width<=480px){.about .tech-section{margin:0;padding:1.5rem 1.5rem 0}}.about .tech-section .tech-divider{padding-top:.75rem}.about .tech-section .tech-divider .tech-label{text-transform:uppercase;letter-spacing:.3em;color:var(--main-text);font-size:.62rem;font-weight:700}.about .tech-section .tech-grid{border:1px solid #f4f3ee14;grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){.about .tech-section .tech-grid{grid-template-columns:1fr}}.about .tech-section .tech-group{border-right:1px solid #f4f3ee14;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.about .tech-section .tech-group:last-child{border-right:none}@media (width<=768px){.about .tech-section .tech-group{border-bottom:1px solid #f4f3ee14;border-right:none}.about .tech-section .tech-group:last-child{border-bottom:none}}.about .tech-section .tech-group .group-label{text-transform:uppercase;letter-spacing:.2em;color:var(--main-text);font-size:.62rem;font-weight:700}.about .tech-section .tech-group .tech-badges{flex-wrap:wrap;gap:0;display:flex}.about .tech-section .tech-group .tech-badges .badge{color:#f4f3ee99;text-transform:uppercase;letter-spacing:.1em;cursor:default;background:0 0;border:1px solid #f4f3ee14;margin:-1px 0 0 -1px;padding:.25rem .6rem;font-family:IBM Plex Mono,monospace;font-size:.8rem;font-weight:700;transition:background .15s,color .15s,border-color .15s}@media (width<=768px){.about .tech-section .tech-group .tech-badges .badge{padding:.2rem .5rem;font-size:.6rem}}.about .tech-section .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:.02;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}.projects{background-color:var(--bg-color);cursor:none;border-bottom:1px solid #ffffff14;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 .project-preview{pointer-events:none;z-index:998;opacity:0;border:1px solid #ff6a0066;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;filter:grayscale(20%);width:100%;height:100%;display:block}.projects .project-preview .preview-label{background:var(--main-text);color:var(--bg-color);text-transform:uppercase;letter-spacing:.2em;padding:.3rem .6rem;font-size:.62rem;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:.02;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 .projects-gutter{border-right:1px solid #ffffff0f;grid-area:1/1/6/2;justify-content:center;place-self:stretch stretch;align-items:center;display:flex;position:relative}@media (width<=768px){.projects .projects-gutter{display:none}}.projects .projects-gutter .gutter-label{letter-spacing:4px;text-transform:uppercase;color:var(--main-text);writing-mode:vertical-rl;font-size:clamp(1rem,2.2vw,5rem);font-weight:700;transform:rotate(180deg)}.projects .section-header{border-bottom:1px solid #f4f3ee14;grid-area:1/2/2/7;justify-content:flex-end;align-self:flex-end;align-items:center;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:.3em;color:var(--main-text);font-size:.65rem;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 #f4f3ee14;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 #f4f3ee14}.projects .project-row>*{z-index:1;transition:color .3s;position:relative}.projects .project-row .project-number{letter-spacing:.15em;color:var(--main-text);opacity:.5;margin-left:2rem;font-size:.72rem;font-weight:700;transition:opacity .3s,color .3s}@media (width<=768px){.projects .project-row .project-number{grid-area:1/1;align-self:center;margin:0;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:.3;font-family:IBM Plex Mono,monospace;font-size:.65rem;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;color:#f4f3ee40;border:1px solid #f4f3ee14;margin:-1px 0 0 -1px;padding:.2rem .5rem;font-family:IBM Plex Mono,monospace;font-size:.58rem;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:#00000026}.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 #ffffff14;flex-direction:column;width:100vw;display:flex;position:relative;overflow:hidden}@media (width<=768px){.principles{align-items:flex-start}}.principles .interrupt{border-bottom:1px solid #ffffff14;grid-template-columns:1fr 1fr;width:100%;display:grid}@media (width<=768px){.principles .interrupt{grid-template-columns:1fr}}.principles .interrupt-orange{background:var(--main-text);border-right:1px solid #00000026;flex-direction:column;justify-content:space-between;min-height:220px;padding:40px 48px;display:flex}@media (width<=768px){.principles .interrupt-orange{border-bottom:1px solid #00000026;border-right:none;min-height:160px;padding:32px 24px}}.principles .interrupt-stat{letter-spacing:-2px;color:var(--bg-color);font-family:Bebas Neue,Syncopate,sans-serif;font-size:clamp(48px,7vw,96px);font-weight:900;line-height:.85}.principles .interrupt-stat-label{letter-spacing:2px;text-transform:uppercase;color:var(--bg-color);opacity:1;margin-top:10px;font-size:9px;font-weight:700}.principles .interrupt-types{letter-spacing:2px;text-transform:uppercase;color:var(--bg-color);opacity:1;margin-top:24px;font-size:8px;font-weight:700}.principles .interrupt-dark{flex-direction:column;justify-content:center;gap:6px;padding:40px 48px;display:flex}@media (width<=768px){.principles .interrupt-dark{padding:28px 24px}}.principles .interrupt-item{border-bottom:1px solid #f4f3ee0f;align-items:baseline;gap:14px;padding:8px 0;display:flex}.principles .interrupt-item:last-child{border-bottom:none}.principles .interrupt-num{color:var(--main-text);letter-spacing:1px;min-width:20px;font-size:9px;font-weight:700}.principles .interrupt-name{color:var(--secondary-text);letter-spacing:1px;text-transform:uppercase;font-family:Syncopate,sans-serif;font-size:clamp(14px,2vw,22px);font-weight:800}.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;margin:0 auto;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 .principles-gutter{border-right:1px solid #ffffff0f;grid-area:1/1/6/2;justify-content:center;place-self:stretch stretch;align-items:center;display:flex;position:relative}@media (width<=768px){.principles .principles-gutter{display:none}}.principles .principles-gutter .gutter-label{letter-spacing:4px;text-transform:uppercase;color:var(--main-text);writing-mode:vertical-rl;font-size:clamp(1rem,2.2vw,5rem);font-weight:700;transform:rotate(180deg)}.principles .corner-text{color:var(--secondary-text);opacity:.02;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 #f4f3ee14;grid-area:1/2/2/7;justify-content:flex-end;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:.3em;color:var(--main-text);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 #f4f3ee14;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 #f4f3ee14}.principles .principle-row>*{z-index:1;transition:color .3s;position:relative}.principles .principle-row .row-number{letter-spacing:.15em;color:var(--main-text);opacity:.5;margin-left:2rem;font-size:.72rem;font-weight:700;transition:opacity .3s,color .3s}@media (width<=768px){.principles .principle-row .row-number{grid-area:1/1;align-self:center;margin:0;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:.4;padding:0 1rem;font-size:clamp(.6rem,.8vw,.75rem);font-weight:400;line-height:1.8;transition:opacity .3s,color .3s}.principles .principle-row .row-desc .highlight{color:var(--main-text);font-weight:700;transition:color .3s}@media (width<=768px){.principles .principle-row .row-desc{opacity:.4;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;color:#f4f3ee40;white-space:nowrap;border:1px solid #f4f3ee14;padding:.2rem .5rem;font-family:IBM Plex Mono,monospace;font-size:.58rem;font-weight:700;transition:opacity .3s,color .3s,border-color .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{color:var(--bg-color);border-color:#00000026}.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 #f4f3ee80;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{text-align:center;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:center}}.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{text-align:center;flex-direction:column;grid-column:1/2;align-items:center;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}