/* Capital Web: an editorial identity, gold typography and generous motion. */
body{overflow-x:clip}.cursor{display:none!important}.header{background:#090a09}.header nav{font-size:.9rem}.nav-contact{border-color:#675c46}.button:has(span:empty){gap:28px}.button span:empty,.text-link span:empty,.nav-contact span:empty{position:relative;width:17px;height:17px;display:inline-block}.button span:empty:before,.text-link span:empty:before,.nav-contact span:empty:before{content:'';position:absolute;width:13px;height:1px;background:currentColor;left:1px;top:9px;transform:rotate(-40deg)}.button span:empty:after,.text-link span:empty:after,.nav-contact span:empty:after{content:'';position:absolute;right:2px;top:3px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor}.round-arrow:before{content:'';height:1px;width:15px;background:currentColor;transform:rotate(-40deg)}.round-arrow:after{content:'';position:absolute;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:translate(3px,-3px)}.round-arrow{position:relative}.check-list li:before{content:'';width:16px;height:1px;background:currentColor;display:block;flex-shrink:0;margin-top:13px}.menu-toggle{display:none}.menu-toggle:after{content:'';display:inline-block;width:20px;height:6px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;margin-left:16px;vertical-align:middle;transition:transform .3s}.menu-open .menu-toggle:after{transform:rotate(-20deg)}.menu-toggle span{display:none}
.fashion-hero{padding-top:28px;padding-bottom:35px;min-height:calc(100svh - 104px);background:radial-gradient(ellipse at 50% 80%,#33251366,transparent 55%),#080908;overflow:hidden}.fashion-title{display:flex;justify-content:space-between;align-items:flex-end;margin-top:40px;gap:50px}.fashion-title h1{font-size:clamp(3rem,5.5vw,6rem);line-height:1.03;letter-spacing:-.055em;animation:editorialEnter 1.4s var(--ease) both}.fashion-title h1 em{color:var(--ink)}.fashion-title>p{font-size:.95rem;max-width:240px;line-height:1.85;padding-bottom:8px;animation:editorialEnter 1.6s var(--ease) both}.logo-stage{position:relative;perspective:1200px;display:flex;align-items:center;justify-content:center;min-height:300px;height:26vw;max-height:470px;padding:30px 0 55px;isolation:isolate}.logo-orbit{width:100%;text-align:center;animation:logoSculpture 11s ease-in-out infinite;transform-style:preserve-3d;will-change:transform}.gold-logo{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.09em;line-height:1.13;font-size:13.1vw;white-space:nowrap;display:inline-block;background:linear-gradient(115deg,#60431f 0%,#b18b49 15%,#e9c882 27%,#fff4d8 33%,#af8040 40%,#68461f 47%,#d8b66c 57%,#fbe2a3 64%,#9f7138 74%,#d9b367 84%,#634419 100%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #715125) drop-shadow(0 6px 0 #372511) drop-shadow(0 28px 28px #0009);animation:goldLight 9s ease-in-out infinite}.gold-logo .logo-web{font-weight:400}.logo-caption{position:absolute;bottom:20px;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#a99470}.fashion-hero .hero-bottom{padding-top:25px}.studio-intro{display:grid;grid-template-columns:.65fr 1.8fr;gap:60px;padding-top:140px;padding-bottom:140px}.studio-small{display:block;font-size:.75rem;color:var(--muted);margin-top:26px}.statement-reveal h2{font-size:clamp(2.2rem,3.75vw,4.3rem);line-height:1.22}.statement-reveal h2 em{color:var(--gold)}.intro-text-row{display:flex;align-items:flex-end;gap:55px;margin-top:34px}.intro-text-row p{max-width:490px;font-size:1rem;line-height:1.85}.intro-text-row .text-link{flex-shrink:0}.visual-story{height:150svh;position:relative;--story-progress:0}.visual-story-sticky{height:100svh;position:sticky;top:0;overflow:hidden;clip-path:inset(calc(12% * (1 - var(--story-progress))) calc(8% * (1 - var(--story-progress))));background:#332819}.visual-story-sticky:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08080788,transparent 90%),linear-gradient(0deg,#08080766,transparent 70%)}.visual-story-sticky>img{width:100%;height:100%;object-fit:cover;transform:scale(calc(1.2 - var(--story-progress) * .2));will-change:transform}.story-copy{position:absolute;left:8vw;bottom:12vh;z-index:2;transform:translateY(calc(45px * (1 - var(--story-progress))));max-width:850px}.story-copy h2{font-size:clamp(2.7rem,5.5vw,6rem);line-height:1.08;margin:22px 0;color:white}.story-copy h2 em{color:#eedbb7}.story-copy p{color:#eee9de;line-height:1.8}.story-copy .eyebrow{color:#eee0c3}.editorial-projects{column-gap:45px;row-gap:70px}.editorial-projects .project-card:nth-child(2){margin-top:110px}.editorial-projects .project-card:nth-child(3){margin-top:-70px}.editorial-projects .project-visual{height:500px}.project-visual{isolation:isolate}.project-visual img{filter:brightness(.88);transition:transform 1.5s var(--ease),filter .7s;transform:scale(1.01)}.project-card:hover img{transform:scale(1.07)}.project-overlay{padding:28px;background:linear-gradient(0deg,#0009,transparent 55%,#0002)}.project-overlay strong{margin-bottom:12px;line-height:1.1;font-size:clamp(2.5rem,4.2vw,5rem)}.project-open{font-size:.8rem;letter-spacing:.02em;color:#fff;padding-bottom:3px;border-bottom:1px solid #fff8}.project-description{margin-top:12px;font-size:.875rem;line-height:1.7;max-width:420px}.project-flowers .project-overlay strong,.theme-flowers.case-cover-name{font-family:Manrope,Arial,sans-serif;font-weight:400;letter-spacing:.03em}.project-bakery .project-overlay strong,.theme-bakery.case-cover-name{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.05em}.project-automotive .project-overlay strong,.theme-automotive.case-cover-name{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:.17em}.project-card .project-caption>span{font-size:.875rem}.concept-tag{font-size:.75rem;border-color:#ddd9}.type-interlude{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:90px 0;--type-progress:0}.type-track{display:flex;flex-direction:column;gap:12px;font-family:Manrope,Arial,sans-serif;font-size:clamp(3rem,9.3vw,11rem);line-height:1.06;letter-spacing:-.06em;font-weight:600}.type-track>span{display:block;width:max-content;transform:translateX(calc(3vw + var(--type-progress) * 12vw));color:#505047}.type-track>span:nth-child(2){align-self:flex-end;transform:translateX(calc(-2vw - var(--type-progress) * 10vw));color:var(--gold);font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.065em}.type-track>span:nth-child(3){transform:translateX(calc(10vw - var(--type-progress) * 10vw))}.home-process{display:grid;grid-template-columns:1fr 1fr;gap:12%}.home-process>.text-link{margin-top:30px}.home-process>div>.text-link{margin-top:35px}.home-process h2{margin-top:25px}.process-preview article{border-top:1px solid #c5bfb0;padding:26px 0 30px;display:grid;grid-template-columns:40px 1fr;gap:15px}.process-preview article>span{font-size:.875rem;color:#846c44}.process-preview article>h3{font-size:1.7rem}.process-preview article>p{grid-column:2;line-height:1.8}.portfolio-intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.portfolio-intro-bottom>span{color:var(--gold);font-size:.875rem;line-height:1.8}.portfolio-list{padding-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:90px 45px}.portfolio-list .project-card{margin-top:0}.portfolio-list .project-card:nth-child(even){margin-top:120px}.portfolio-list .project-card:nth-child(odd):not(:first-child){margin-top:-50px}.portfolio-list .project-visual{height:590px}.portfolio-list>.fineprint{grid-column:1/-1}.case-intro-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:35px}.case-cover{height:80svh;max-height:900px;min-height:450px;position:relative;overflow:hidden;margin-top:25px;background:#29241b}.case-cover>img{width:100%;height:100%;object-fit:cover;filter:brightness(.8)}.case-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0008,transparent 65%)}.case-cover-name{position:absolute;bottom:40px;left:5vw;z-index:1;font-family:Georgia,serif;font-size:clamp(4rem,11vw,12rem);line-height:1.15;color:white;letter-spacing:-.05em}.case-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:30px;padding-bottom:60px}.case-facts>div{display:flex;flex-direction:column;gap:9px}.case-facts span{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.case-facts strong{font-size:.95rem;font-weight:400}.concept-design .section-head>p{max-width:420px;line-height:1.8}.browser-concept{border:1px solid #545345;overflow:hidden;background:#ede9df;box-shadow:0 40px 90px #0006;transform-origin:center bottom}.concept-chrome{display:flex;justify-content:space-between;padding:13px 23px;color:#a9a9a0;background:#151612;font-size:.75rem;border-bottom:1px solid #3a3b32}.demo-nav{display:flex;justify-content:space-between;align-items:center;padding:28px 35px;color:#282820;gap:25px}.demo-nav strong{font-family:Georgia,serif;font-size:1.65rem;font-weight:400;letter-spacing:-.05em}.demo-nav>span{font-size:.75rem}.demo-hero{position:relative;min-height:610px;display:flex;align-items:flex-end;overflow:hidden}.demo-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.8);transition:transform 1.5s var(--ease)}.browser-concept:hover .demo-hero>img{transform:scale(1.025)}.demo-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0007,transparent)}.demo-copy{position:relative;z-index:1;padding:55px;color:white}.demo-copy>span{text-transform:uppercase;letter-spacing:.13em;font-size:.75rem}.demo-copy h3{font-family:Georgia,serif;font-size:clamp(3rem,6.5vw,7rem);line-height:1.04;letter-spacing:-.05em;margin:30px 0}.demo-copy p{color:#f0ebdf;font-size:1rem}.demo-bottom{display:flex;justify-content:space-between;gap:20px;color:#3c3d33;padding:24px 35px;font-size:.8rem}.theme-flowers .demo-nav,.theme-flowers .demo-bottom{background:#151b16;color:#e1e5dc}.theme-flowers .demo-copy h3,.theme-flowers .mobile-concept-copy h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.05em}.theme-bakery .demo-nav,.theme-bakery .demo-bottom{background:#ead6b3;color:#402b1c}.theme-bakery .demo-nav strong,.theme-bakery .demo-copy h3,.theme-bakery .mobile-concept-copy h3{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.06em}.theme-automotive .demo-nav,.theme-automotive .demo-bottom{background:#141718;color:#e0ddd4}.theme-automotive .demo-nav strong{font-family:Manrope,Arial,sans-serif;letter-spacing:.12em}.theme-automotive .demo-copy h3,.theme-automotive .mobile-concept-copy h3{font-family:Manrope,Arial,sans-serif;font-weight:500}.design-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.design-notes>div{border-top:1px solid var(--line);padding-top:23px}.design-notes h3{font-size:1.45rem;line-height:1.5;margin-top:25px;letter-spacing:-.03em}.design-notes p{font-size:.875rem;margin-top:17px}.design-notes .eyebrow{font-size:.75rem;letter-spacing:.04em}.design-notes .eyebrow:before{display:none}.swatches{display:flex;gap:12px;margin-top:26px}.swatches span{width:50px;height:50px;border-radius:50%;border:1px solid #9994}.mobile-study{display:grid;grid-template-columns:1.4fr .8fr;gap:14%;align-items:center}.mobile-study-copy h2{margin:25px 0}.mobile-study-copy>p{font-size:1rem;line-height:1.9;max-width:560px}.mobile-study-copy .check-list{margin-top:30px}.mobile-study-copy .check-list li{border-color:#c6bfaf;font-size:.95rem}.mobile-study-copy .check-list li:before{color:#80613a}.mobile-concept{width:100%;max-width:335px;border:8px solid #252520;border-radius:35px;overflow:hidden;background:#e9e5da;box-shadow:20px 30px 60px #34281c33;justify-self:center;transform:rotate(4deg)}.mobile-concept-nav{padding:24px 16px;font-family:Georgia,serif;text-align:center;font-size:1.4rem;color:#252820}.mobile-concept>img{width:100%;height:300px;object-fit:cover}.mobile-concept-copy{padding:27px 20px 38px}.mobile-concept-copy h3{font-family:Georgia,serif;font-size:2.05rem;color:#262820;line-height:1.08}.mobile-concept-copy p{font-size:.85rem;margin-top:16px;color:#505146;line-height:1.7}.theme-flowers.mobile-concept{background:#172019}.theme-flowers .mobile-concept-nav,.theme-flowers .mobile-concept-copy h3,.theme-flowers .mobile-concept-copy p{color:#e0e7d7}.theme-bakery.mobile-concept{background:#ead6b3}.theme-automotive.mobile-concept{background:#141718}.theme-automotive .mobile-concept-nav,.theme-automotive .mobile-concept-copy h3,.theme-automotive .mobile-concept-copy p{color:#e0ddd4}.next-project{display:flex;flex-direction:column;align-items:center;gap:25px;border-top:1px solid var(--line);text-align:center;background:#11120f;transition:background .4s}.next-project>strong{font-family:Georgia,serif;font-size:clamp(3rem,8vw,8rem);font-weight:400;letter-spacing:-.05em;line-height:1.2;transition:color .4s}.next-project:hover{background:#191a14}.next-project:hover>strong{color:var(--gold)}.next-project>span:last-child{font-size:.875rem;color:var(--muted)}.route-banner{position:relative;height:55vw;max-height:650px;min-height:350px;overflow:hidden;margin-top:25px}.route-banner>img{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}.route-banner>p{position:absolute;bottom:45px;left:5vw;right:5vw;font-family:Georgia,serif;font-style:italic;font-size:clamp(2rem,4.2vw,4.5rem);color:white;line-height:1.2;letter-spacing:-.04em}.scroll-frame img{transform:scale(calc(1.1 - var(--image-progress,0) * .1));will-change:transform}.reveal-ready{transform:translateY(45px);transition-duration:1.1s}.reveal-ready.visible{transform:none}.reveal-ready.browser-concept{transform:translateY(70px) scale(.94)}.reveal-ready.browser-concept.visible{transform:none}.mobile-concept.reveal-ready{transform:translateY(50px) rotate(8deg)}.mobile-concept.reveal-ready.visible{transform:rotate(4deg)}.footer-display{color:#807454;opacity:.55}.motion-off .visual-story{height:100svh}.motion-off .visual-story-sticky{position:relative;clip-path:none}.motion-off .visual-story img,.motion-off .story-copy,.motion-off .scroll-frame img,.motion-off .type-track>span{transform:none!important}.motion-off .logo-orbit{transform:none!important}.motion-off .visual-story .story-copy{opacity:1}.motion-off .gold-logo{background-position:35% center}
@keyframes logoSculpture{0%,100%{transform:rotateX(12deg) rotateY(-10deg) rotateZ(-4deg) translateY(-4px)}50%{transform:rotateX(-7deg) rotateY(10deg) rotateZ(2deg) translateY(8px)}}@keyframes goldLight{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes editorialEnter{from{opacity:0;transform:translateY(45px);clip-path:inset(100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@media(min-width:1700px){.gold-logo{font-size:210px}.logo-stage{height:410px}}
@media(max-width:1100px){.studio-intro{grid-template-columns:1fr;gap:35px}.studio-small{display:none}.intro-text-row{justify-content:space-between}.editorial-projects .project-visual{height:410px}.portfolio-list .project-visual{height:460px}.home-process{gap:7%}.design-notes{gap:25px}.demo-hero{min-height:510px}.mobile-study{gap:8%}.case-cover{min-height:380px}.gold-logo{font-size:13.6vw}.logo-stage{height:30vw;min-height:290px}.fashion-title h1{font-size:5.8vw}.fashion-title>p{font-size:.9rem}}
@media(max-width:760px){.menu-toggle{display:block}.fashion-hero{min-height:auto;padding-top:25px;padding-bottom:28px}.fashion-title{display:block;margin-top:35px}.fashion-title h1{font-size:clamp(2.8rem,8.8vw,4.2rem);line-height:1.1}.fashion-title>p{margin-top:20px;line-height:1.7;font-size:.95rem;max-width:none;padding:0}.logo-stage{height:240px;min-height:220px;padding:35px 0 55px;perspective:700px}.gold-logo{font-size:13vw;letter-spacing:-.09em;filter:drop-shadow(0 2px 0 #60411e) drop-shadow(0 3px 0 #33220e) drop-shadow(0 18px 20px #0009)}.logo-caption{font-size:.65rem;letter-spacing:.14em;bottom:32px}.fashion-hero .hero-bottom{padding-top:22px;gap:20px}.fashion-hero .hero-bottom>.button{margin:0;padding:16px 24px;font-size:.9rem}.fashion-hero .hero-bottom p{font-size:.875rem;width:100%}.fashion-hero .discover{display:none}.button span[aria-hidden],.text-link span[aria-hidden],.nav-contact span[aria-hidden],.round-arrow{display:none!important}.button:has(span:empty){gap:0}.button,.text-link{min-height:44px}.service-row{grid-template-columns:24px 1fr}.studio-intro{padding-top:80px;padding-bottom:75px;gap:28px}.statement-reveal h2{font-size:clamp(1.8rem,6.1vw,2.9rem);line-height:1.28}.intro-text-row{display:block;margin-top:25px}.intro-text-row p{font-size:1rem}.intro-text-row .text-link{margin-top:23px}.visual-story{height:115svh}.visual-story-sticky{height:85svh;min-height:510px;top:0;clip-path:inset(calc(6% * (1 - var(--story-progress))) calc(4% * (1 - var(--story-progress))))}.visual-story-sticky>img{object-position:58% center}.story-copy{left:25px;right:20px;bottom:55px}.story-copy h2{font-size:clamp(2.1rem,7.3vw,3rem);line-height:1.14}.story-copy p{font-size:.95rem}.story-copy .eyebrow{font-size:.7rem}.editorial-projects{row-gap:45px}.editorial-projects .project-card:nth-child(n){margin-top:0}.editorial-projects .project-visual{height:440px}.project-overlay{padding:23px}.project-overlay strong{font-size:3rem}.project-card .project-caption>span{font-size:.8rem}.project-description{font-size:.875rem}.project-open{font-size:.875rem}.type-interlude{padding:60px 0}.type-track{font-size:clamp(2.6rem,8.6vw,4.5rem);gap:15px;line-height:1.12}.type-track>span{transform:translateX(calc(3vw + var(--type-progress) * 5vw))}.type-track>span:nth-child(2){transform:translateX(calc(-2vw - var(--type-progress) * 2vw))}.type-track>span:nth-child(3){transform:translateX(calc(6vw - var(--type-progress) * 4vw))}.home-process{grid-template-columns:1fr;gap:45px}.home-process h2{margin-top:20px}.process-preview article{padding:24px 0;grid-template-columns:25px 1fr;gap:12px}.process-preview article>h3{font-size:1.55rem}.process-preview article>p{font-size:.95rem}.portfolio-intro-bottom{display:block}.portfolio-intro-bottom>span{display:block;margin-top:25px;line-height:1.7;font-size:.8rem}.portfolio-list{grid-template-columns:1fr;gap:48px;padding-top:20px}.portfolio-list .project-card:nth-child(n){margin-top:0}.portfolio-list .project-visual{height:470px}.case-intro-bottom{display:block}.case-intro-bottom .button{margin-top:25px;padding:15px 23px;font-size:.9rem}.case-cover{height:65svh;min-height:370px;margin-top:10px}.case-cover-name{font-size:clamp(3rem,12vw,5rem);bottom:30px;left:24px;right:20px}.case-facts{grid-template-columns:1fr;gap:20px;padding-top:26px;padding-bottom:45px}.case-facts>div{border-bottom:1px solid var(--line);padding-bottom:18px;gap:6px}.case-facts span{font-size:.7rem}.case-facts strong{font-size:.95rem}.concept-chrome{padding:12px 15px;font-size:.7rem}.concept-chrome>span:last-child{display:none}.demo-nav{padding:20px;display:block}.demo-nav strong{font-size:1.6rem}.demo-nav>span{display:block;margin-top:12px;font-size:.7rem}.demo-hero{min-height:460px}.demo-hero>img{object-position:60% center}.demo-copy{padding:28px 23px}.demo-copy h3{font-size:clamp(2.3rem,9vw,4rem);margin:20px 0;line-height:1.08}.demo-copy p{font-size:.875rem;line-height:1.7}.demo-copy>span{font-size:.65rem;letter-spacing:.05em}.demo-bottom{padding:19px 20px;display:block;font-size:.75rem}.demo-bottom>span{display:block}.design-notes{grid-template-columns:1fr;gap:30px;margin-top:32px}.design-notes h3{font-size:1.35rem;margin-top:16px}.swatches{margin-top:20px}.mobile-study{grid-template-columns:1fr;gap:45px}.mobile-study-copy h2{font-size:2.1rem}.mobile-concept{max-width:290px;transform:rotate(2deg)}.mobile-concept>img{height:260px}.mobile-concept-copy h3{font-size:2rem}.mobile-concept.reveal-ready.visible{transform:rotate(2deg)}.next-project{padding-top:60px;padding-bottom:60px;gap:20px}.next-project>strong{font-size:clamp(2.7rem,10vw,4rem)}.route-banner{height:65svh;min-height:400px;max-height:550px}.route-banner>p{font-size:2rem;left:24px;right:24px;bottom:35px}.footer-display{font-size:12vw}.eyebrow{font-size:.75rem;letter-spacing:.09em}.logo-caption,.demo-copy>span,.story-copy .eyebrow,.case-facts span,.demo-nav>span,.concept-chrome{font-size:.75rem}.motion-off .visual-story{height:85svh}}
@media(prefers-reduced-motion:reduce){.visual-story{height:100svh}.visual-story-sticky{clip-path:none;position:relative}.visual-story img,.story-copy,.scroll-frame img,.type-track>span{transform:none!important}.gold-logo{background-position:35% center}.logo-orbit{transform:none!important}}