.designer-page{--d-ink:#20261f;--d-paper:#eeece4;--d-muted:#697068;--d-red:#a8422c;background:var(--d-paper);color:var(--d-ink)}
.designer-page a:focus-visible{outline-color:#a8422c}.skip-link{position:absolute;left:-9999px;top:1rem;z-index:20;padding:.8rem;background:white}.skip-link:focus{left:1rem}
.fiction-bar{padding:.55rem 1rem;background:#232b24;color:#f5f1e8;text-align:center;font:600 .59rem monospace;letter-spacing:.12em}.fiction-bar span{padding-inline:.55rem;color:#d58a69}
.designer-header{height:82px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #20261f30}.designer-brand{position:relative;font:800 1.2rem Manrope,sans-serif;letter-spacing:-.1em}.designer-brand>span{position:absolute;top:-.3rem;right:-.7rem;color:var(--d-red);font:600 .48rem monospace}.designer-brand small{display:block;margin-top:.15rem;color:var(--d-muted);font:600 .48rem monospace;letter-spacing:.11em}.designer-header nav{display:flex;align-items:center;gap:2rem}.designer-header nav a{font-size:.69rem}.designer-header .header-contact{padding:.7rem .9rem;background:var(--d-ink);color:white}.header-contact b{padding-left:1rem;color:#e0a284}
.designer-hero{position:relative;min-height:590px;padding:5rem 8vw 5.5rem;display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center;overflow:hidden}.eyebrow{margin:0;color:var(--d-red);font:700 .59rem monospace;letter-spacing:.13em}.hero-copy h1{margin:1rem 0 1.3rem;font:600 clamp(4.3rem,8.8vw,8.8rem)/.83 Manrope,sans-serif;letter-spacing:-.11em}.hero-copy h1 em,.case-intro h2 em,.designer-contact h2 em{font:italic 400 1em Georgia,serif;letter-spacing:-.07em;color:var(--d-red)}.hero-lead{max-width:370px;color:var(--d-muted);font-size:.88rem;line-height:1.85}.text-link{display:inline-block;margin-top:1.4rem;font-size:.7rem;font-weight:700}.text-link span{padding-left:1rem;color:var(--d-red)}
.hero-composition{position:relative;min-height:410px;background:#d3cfc2;overflow:hidden}.shape{position:absolute}.shape-a{inset:11% 20% 10% 28%;border:1px solid #1e3a2d;border-radius:48% 52% 20% 80%;transform:rotate(-34deg)}.shape-b{width:55%;aspect-ratio:1;top:18%;left:35%;border-radius:50%;background:#bf573c;mix-blend-mode:multiply}.shape-c{width:32%;height:66%;bottom:-14%;left:20%;background:#d6a23e;transform:rotate(25deg);mix-blend-mode:multiply}.hero-stamp{position:absolute;z-index:2;top:8%;left:8%;font:600 .63rem/1.5 monospace;letter-spacing:.06em}.hero-stamp b{color:var(--d-red)}.hero-caption{position:absolute;right:1rem;bottom:1rem;font:600 .53rem monospace;letter-spacing:.12em}.hero-index{position:absolute;right:3.5vw;bottom:2rem;writing-mode:vertical-rl;color:var(--d-muted);font:600 .51rem monospace;letter-spacing:.14em}
.case-intro{padding:5rem 10vw 3rem;display:grid;grid-template-columns:1fr .8fr;gap:5vw;align-items:end}.case-intro .eyebrow span{margin-left:1rem;color:var(--d-muted)}.case-intro h2,.method h2{margin:.9rem 0 0;font:600 clamp(2.8rem,5.8vw,5.4rem)/.94 Manrope,sans-serif;letter-spacing:-.09em}.case-intro h2 em{color:#537360}.case-intro>p{max-width:430px;margin:0;color:var(--d-muted);font-size:.79rem;line-height:1.9}
.case-study{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center;padding:3rem 10vw 5rem;border-top:1px solid #20261f33}.case-art{position:relative;min-height:400px;overflow:hidden}.art-label,.art-foot{position:absolute;z-index:2;left:1rem;font:600 .53rem monospace;letter-spacing:.12em}.art-label{top:1rem}.art-foot{bottom:1rem}.art-form{background:#d9d5c9;color:#244033}.form-orbit{position:absolute;width:80%;aspect-ratio:1;left:18%;top:8%;border:1px solid #24403375;border-radius:50%;box-shadow:0 0 0 18px #fff2,0 0 0 42px #fff2}.art-form:after{content:"";position:absolute;width:46%;height:80%;left:27%;top:12%;background:#c65b3e;mix-blend-mode:multiply;transform:rotate(34deg);border-radius:48% 10% 48% 10%}.art-form strong{position:absolute;z-index:1;left:10%;top:31%;font:700 clamp(2.5rem,5vw,5rem)/.76 Manrope,sans-serif;letter-spacing:-.1em}.art-form strong i{font:italic 400 .65em Georgia,serif;color:#f0d58b;letter-spacing:-.06em}
.art-ses{display:grid;place-items:center;background:#283b43;color:#f6f0e5}.phone-card{position:relative;z-index:1;width:52%;min-height:285px;padding:1.4rem;background:#d8c6a6;color:#203038;box-shadow:16px 20px 0 #b24b38;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-4deg)}.phone-card small,.phone-card span{font:600 .47rem monospace;letter-spacing:.1em}.phone-card b{font:500 clamp(1.7rem,3vw,3rem)/.95 Georgia,serif}.phone-card i{font-size:1.8rem;font-style:normal;color:#a54534}.sound-wave{position:absolute;right:7%;top:18%;writing-mode:vertical-rl;color:#9cc1b5;font-size:1.7rem;letter-spacing:.15em}
.art-yayin{background:#e5c7a0;display:grid;place-items:center}.paper-sheet{width:55%;min-height:310px;padding:1.3rem;background:#f8f3e7;box-shadow:10px 12px 0 #a95c40;transform:rotate(3deg);display:flex;flex-direction:column}.paper-sheet small{font:600 .46rem monospace;letter-spacing:.1em}.paper-sheet b{margin:.6rem 0;font:500 clamp(1.9rem,4vw,3.8rem)/.84 Georgia,serif;letter-spacing:-.07em}.paper-photo{height:110px;background:linear-gradient(130deg,#62766b 0 38%,#d28d57 38% 56%,#273b3b 56%);filter:saturate(.7)}.paper-sheet>span{margin-top:.6rem;font-size:.53rem;color:#65675c}
.case-copy .eyebrow{font-size:.53rem}.case-copy h3{margin:.8rem 0 1.3rem;font:600 clamp(2.3rem,4.2vw,4rem)/.94 Manrope,sans-serif;letter-spacing:-.09em}.case-copy p:not(.eyebrow){color:var(--d-muted);font-size:.75rem;line-height:1.85}.case-copy p b{color:var(--d-ink)}.case-question{border-left:2px solid var(--d-red);padding-left:1rem}.case-notes{margin-top:1.2rem;border-top:1px solid #20261f40}.case-notes summary{padding:.7rem 0;cursor:pointer;font-size:.64rem;font-weight:700}.case-notes summary::marker{color:var(--d-red)}.case-copy dl{margin:0;border-top:1px solid #20261f40}.case-copy dl div{display:grid;grid-template-columns:72px 1fr;gap:.7rem;padding:.65rem 0;border-bottom:1px solid #20261f40}.case-copy dt{font:600 .49rem monospace;color:var(--d-red)}.case-copy dd{margin:0;color:#4f574f;font-size:.62rem}
.method{padding:5rem 10vw;background:#28382f;color:#f4f0e5;display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw}.method .eyebrow{color:#e3ae7a}.method h2{font-size:clamp(2.7rem,5vw,4.8rem)}.method ol{list-style:none;margin:0;padding:0;border-top:1px solid #ffffff54}.method li{display:grid;grid-template-columns:150px 1fr;gap:1rem;padding:1.1rem 0;border-bottom:1px solid #ffffff54}.method li b{font:600 .8rem Manrope,sans-serif}.method li span{color:#c8d0c8;font-size:.7rem;line-height:1.7}
.designer-contact{padding:5rem 10vw;background:#d8d5c9}.designer-contact h2{margin:.9rem 0;font:600 clamp(2.8rem,6vw,5.8rem)/.95 Manrope,sans-serif;letter-spacing:-.09em}.designer-contact h2 em{color:#a8422c}.designer-contact>p:not(.eyebrow){max-width:510px;color:#63685e;font-size:.75rem;line-height:1.8}.designer-contact>a{display:inline-flex;gap:2rem;margin-top:1rem;padding:1rem 1.2rem;background:#20261f;color:white;font-size:.68rem}.designer-contact>a span{color:#e3ae7a}.designer-contact>small{display:block;margin-top:.8rem;color:#62685f;font-size:.58rem}.designer-footer{padding:1.3rem 7vw;display:flex;justify-content:space-between;gap:1rem;background:#20261f;color:#e8e5d9;font:600 .52rem monospace;letter-spacing:.07em}.designer-footer a{color:#e3ae7a}
.design-language{padding:5.5rem clamp(72px,10vw,190px);display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(60px,9vw,170px);align-items:center;background:#d9d6cb}.language-copy h2{margin:.8rem 0;font:600 clamp(2.8rem,5.4vw,5.6rem)/.91 Manrope,sans-serif;letter-spacing:-.09em}.language-copy>p:not(.eyebrow){max-width:430px;color:var(--d-muted);font-size:.77rem;line-height:1.85}.language-note{margin-top:1.3rem;border-top:1px solid #20261f55}.language-note summary{padding:.75rem 0;cursor:pointer;font-size:.64rem;font-weight:700}.language-note summary::marker{color:var(--d-red)}.language-note p{max-width:440px;color:var(--d-muted);font-size:.65rem;line-height:1.8}.language-board{min-height:470px;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px}.language-board>div{position:relative;padding:1rem}.language-board>div>span{font:600 .48rem monospace;letter-spacing:.12em}.palette-board{grid-column:1/-1;min-height:180px;background:#f3f0e7}.palette-board>div{display:flex;gap:.7rem;margin:1.2rem 0 .6rem}.palette-board i{width:clamp(52px,6vw,88px);aspect-ratio:1;background:#33483b}.palette-board i:nth-child(2){background:#bb6348}.palette-board i:nth-child(3){background:#dbd1b7}.palette-board i:nth-child(4){background:#30332e}.palette-board small,.type-board small{font:600 .46rem monospace;letter-spacing:.08em;color:#62685f}.type-board{background:#bbd0c0}.type-board>b{display:block;margin:1rem 0 .4rem;font:600 clamp(2rem,3vw,3.3rem)/.88 Manrope,sans-serif;letter-spacing:-.09em}.type-board>p{max-width:240px;color:#4f5f52;font-size:.65rem;line-height:1.7}.component-board{display:grid;align-content:space-between;background:#27392f;color:#f5f0e6}.component-board>div{padding:1rem;background:#efe9db;color:#26302a}.component-board>div>b,.component-board>div>small,.component-board>div>em{display:block}.component-board>div>b{font:650 .85rem Manrope,sans-serif}.component-board>div>small{margin:.4rem 0;color:#647066;font-size:.54rem}.component-board>div>em{color:#9b4b35;font-size:.53rem;font-style:normal}
@media(min-width:1440px){.designer-hero{max-width:1800px;margin:auto;padding-inline:clamp(120px,9vw,180px);grid-template-columns:1fr 1.1fr;gap:clamp(90px,8vw,160px)}.hero-composition{min-height:clamp(520px,36vw,680px)}.case-intro,.case-study{max-width:1700px;margin-inline:auto;padding-inline:clamp(130px,10vw,200px)}.case-study{gap:clamp(100px,9vw,180px);padding-block:4rem 6rem}.case-art{min-height:clamp(500px,37vw,700px)}.method,.designer-contact{padding-inline:clamp(130px,10vw,200px)}.design-language{max-width:1920px;margin-inline:auto;grid-template-columns:.75fr 1.25fr}.language-board{min-height:540px}}
@supports (animation-timeline:view()){.case-study,.design-language,.method{animation:studio-reveal linear both;animation-timeline:view();animation-range:entry 0% cover 28%}}
@keyframes studio-reveal{from{opacity:.45;translate:0 28px}to{opacity:1;translate:0 0}}
@media(max-width:760px){.design-language{grid-template-columns:1fr;padding:3.5rem 7vw;gap:1.5rem}.language-board{min-height:0}.palette-board{min-height:155px}}
@media(prefers-reduced-motion:reduce){.case-study,.design-language,.method{animation:none!important;scroll-behavior:auto}}
@media(max-width:760px){.designer-header{height:70px;padding:0 5vw}.designer-header nav{gap:.8rem}.designer-header nav a{font-size:.56rem}.designer-header .header-contact{padding:.6rem}.designer-hero{min-height:0;grid-template-columns:1fr;padding:3.5rem 7vw 4.5rem;gap:2rem}.hero-copy h1{font-size:clamp(4rem,16vw,6.3rem)}.hero-composition{min-height:320px}.hero-index{right:2vw;bottom:1rem}.case-intro{padding:3.5rem 7vw 2.2rem;grid-template-columns:1fr;gap:1rem}.case-study{grid-template-columns:1fr;padding:2rem 7vw 3rem;gap:1.5rem}.case-art{min-height:340px}.case-copy h3{font-size:2.7rem}.method{grid-template-columns:1fr;padding:3.5rem 7vw;gap:1.5rem}.method li{grid-template-columns:110px 1fr}.designer-contact{padding:3.5rem 7vw}.designer-footer{flex-wrap:wrap}}
.designer-capabilities{padding:5rem 10vw;background:#f2f0e8;display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw}.capability-intro h2,.designer-resume h2{margin:.8rem 0;font:600 clamp(2.7rem,5.4vw,5.2rem)/.91 Manrope,sans-serif;letter-spacing:-.09em}.capability-intro>p:last-child,.designer-resume>div>p:last-child{max-width:400px;color:var(--d-muted);font-size:.73rem;line-height:1.85}.capability-list{border-top:1px solid #20261f55}.capability-list article{display:grid;grid-template-columns:120px 1fr;gap:1rem;padding:1.15rem 0;border-bottom:1px solid #20261f55}.capability-list article>b{color:var(--d-red);font:600 .5rem monospace;letter-spacing:.09em}.capability-list h3{margin:0;font:650 .9rem Manrope,sans-serif}.capability-list p{max-width:530px;margin:.4rem 0;color:#62685f;font-size:.67rem;line-height:1.75}.capability-list span{color:#7c6255;font:600 .45rem monospace;letter-spacing:.07em}.designer-resume{padding:5rem 10vw;background:#27392f;color:#f3f0e7;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.designer-resume .eyebrow{color:#e3ae7a}.designer-resume>div>p:last-child{color:#cad0c6}.designer-resume dl{margin:0;border-top:1px solid #ffffff4e}.designer-resume dl div{display:grid;grid-template-columns:150px 1fr;gap:1rem;padding:.9rem 0;border-bottom:1px solid #ffffff4e}.designer-resume dt{color:#e3ae7a;font:600 .48rem monospace}.designer-resume dd{margin:0;color:#e2e5db;font-size:.64rem;line-height:1.7}.designer-contact .offer-boundary{max-width:720px;margin-top:1.2rem;padding:1rem;border:1px solid #20261f40;background:#ebe8dd}.offer-boundary b,.offer-boundary span{display:block}.offer-boundary b{margin-bottom:.3rem;font-size:.66rem}.offer-boundary span{color:#575d54;font-size:.58rem;line-height:1.75}
@media(min-width:1440px){.designer-capabilities,.designer-resume{padding-inline:clamp(130px,10vw,200px);gap:clamp(100px,9vw,175px)}.capability-list article{grid-template-columns:160px 1fr;padding-block:1.5rem}.capability-list h3{font-size:1.05rem}.designer-resume dl div{grid-template-columns:190px 1fr;padding-block:1.1rem}.designer-resume dd{font-size:.72rem}}
@supports (animation-timeline:view()){.designer-capabilities,.designer-resume{animation:studio-reveal linear both;animation-timeline:view();animation-range:entry 0% cover 28%}}
@media(max-width:760px){.designer-capabilities,.designer-resume{grid-template-columns:1fr;padding:3.5rem 7vw;gap:1.3rem}.capability-list article{grid-template-columns:80px 1fr}.designer-resume dl div{grid-template-columns:1fr;gap:.35rem}.designer-header nav a{font-size:.51rem}}
@media(prefers-reduced-motion:reduce){.designer-capabilities,.designer-resume{animation:none!important}}
@media(max-width:420px){.designer-header nav{gap:.35rem}.designer-header nav a{font-size:.45rem}.designer-header .header-contact{padding:.48rem}}
.offer-boundary b{font-size:.72rem}.offer-boundary span{font-size:.68rem}
@media(max-width:760px){.designer-header nav{max-width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}}
@media(max-width:420px){.designer-header nav{gap:.5rem}.designer-header nav a{font-size:.51rem}.designer-header .header-contact{padding:.5rem}.hero-composition{min-height:260px}.case-art{min-height:290px}.phone-card{width:62%;min-height:240px}.paper-sheet{width:65%;min-height:270px}.art-form strong{font-size:2.6rem}}
@media(prefers-reduced-motion:reduce){.designer-page{scroll-behavior:auto}}

.offer-boundary span{font-size:.82rem;line-height:1.8}
@media(max-width:760px){.offer-boundary span{font-size:.8rem}}

/* Client-input checklist keeps the portfolio proposal grounded in the owner's real material. */
.portfolio-inputs{max-width:760px;margin:1.6rem 0 0;padding:1.2rem 1.35rem;background:#e4e1d7;border-left:3px solid #a8422c}
.portfolio-inputs h3{margin:.35rem 0 .7rem;font:650 clamp(1.2rem,2vw,1.7rem)/1.15 Manrope,sans-serif;letter-spacing:-.05em}
.portfolio-inputs ul{margin:0;padding-left:1.1rem;color:#51594f;font-size:.82rem;line-height:1.8}.portfolio-inputs li+li{margin-top:.2rem}
.portfolio-inputs>p:last-child{margin:.8rem 0 0;color:#656b62;font-size:.8rem;line-height:1.75}
.designer-reveal-enabled [data-reveal]:not(.is-visible){opacity:0;transform:translateY(20px)}
.designer-reveal-enabled [data-reveal]{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.designer-reveal-enabled [data-reveal].is-visible{opacity:1;transform:none}
@media(min-width:1440px){.designer-hero{min-height:clamp(680px,45vw,860px);padding-inline:clamp(130px,8vw,190px);gap:clamp(90px,7vw,150px)}.hero-composition{min-height:clamp(470px,31vw,620px)}.case-study{grid-template-columns:1.08fr .92fr;gap:clamp(90px,7vw,150px);padding-inline:clamp(150px,10vw,230px)}.case-art{min-height:clamp(470px,32vw,620px)}.designer-capabilities,.designer-resume,.designer-contact{padding-inline:clamp(150px,10vw,230px)}}
@media(max-width:760px){.portfolio-inputs{padding:1rem}.portfolio-inputs ul,.portfolio-inputs>p:last-child{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.designer-reveal-enabled [data-reveal],.designer-reveal-enabled [data-reveal]:not(.is-visible){opacity:1;transform:none;transition:none}}