/* A quieter studio journal, with space for the work to speak. */
.home .hero h1{font-size:clamp(64px,7.5vw,126px);line-height:1.02;font-weight:400;letter-spacing:-.055em;margin-inline-end:0}.home .hero h1 strong{font-weight:750}.home .hero p{max-width:480px;font-size:17px;line-height:1.8}
.home .studio-ribbon{padding:21px 0;background:#f5f4ee;border-color:#d7ded8}.home .studio-ribbon span{font-family:Georgia,'Times New Roman',serif;font-size:clamp(22px,2.1vw,32px);font-weight:400;font-style:italic;letter-spacing:0;line-height:1.35;text-transform:lowercase;color:#2d4b50}.home .studio-ribbon i{font-size:13px;color:#71999f}.ribbon-group{gap:35px;padding-inline-end:35px}.ribbon-track{animation-duration:48s}.home .studio-ribbon:hover .ribbon-track{animation-play-state:paused}
.sketch-gallery{display:block!important;background:#f3f1e9!important;padding:90px var(--gutter) 65px!important;gap:0!important}.sketch-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:1380px;margin:0 auto;align-items:end}.sketch-heading h2{font-size:clamp(40px,4.5vw,68px)!important;line-height:1.12!important;letter-spacing:-.045em!important;margin:22px 0 0!important}.sketch-heading small{color:#426970;font-size:10px}.sketch-copy{max-width:470px;padding-bottom:4px}.sketch-gallery .sketch-copy p{font-size:17px;line-height:1.85;color:#52686b;margin-bottom:20px}.sketch-gallery .text-link{font-size:12px;font-weight:700;color:#194a55}.sketch-figure{max-width:1380px;margin:35px auto 0}.sketch-figure img{width:100%;height:auto;mix-blend-mode:multiply;display:block}.sketch-figure figcaption{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid #b9c7c3;padding-top:18px;color:#59767b;font-size:10px;font-weight:600;letter-spacing:.12em}.sketch-figure figcaption span{text-align:center}
.home .statement{display:block;padding-top:90px;padding-bottom:90px}.home .statement>div:first-child{display:flex;justify-content:space-between;align-items:start;gap:30px;margin-bottom:65px}.home .statement h2{font-size:clamp(40px,4.5vw,66px);line-height:1.12;margin:0;letter-spacing:-.045em}.home .statement>div:first-child>small{padding-top:8px}.home .process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;width:100%;margin:0}.home .process-grid article{padding:25px 0 0;border-top:1px solid #b7c9cb;display:block;min-width:0}.home .process-grid article::after,.home .process-grid article::before{display:none}.home .process-grid article>small{font-size:10px;color:#4e737b;letter-spacing:.11em;margin-bottom:23px}.home .process-grid h3{font-size:clamp(23px,2.2vw,31px);font-weight:600;line-height:1.25;letter-spacing:-.035em;margin-bottom:18px}.home .process-grid p{font-size:15px;line-height:1.85;color:#536c73;max-width:36ch}.process-illustration{display:none}
.home .brands{padding:85px var(--gutter) 75px;background:#fafaf6}.home .brands h2{font-size:clamp(40px,4.5vw,64px);margin:20px 0;line-height:1.15}.home .brand-intro{max-width:620px;font-size:16px;margin-bottom:40px}.home .brand-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0;border-top:1px solid #e0e6e1;border-inline-start:1px solid #e0e6e1}.home .brand-list img{height:106px;width:100%;object-fit:contain;padding:24px 20px;filter:grayscale(1);opacity:.82;border:0;border-inline-end:1px solid #e0e6e1;border-bottom:1px solid #e0e6e1;border-radius:0;background:transparent;transform:none;transition:filter .25s,opacity .25s}.home .brand-list img:hover{filter:none;opacity:1;transform:none}.home .brand-note{font-size:10px;line-height:1.7;color:#7c8d8d;margin-top:22px}.brand-more{display:none}
.lab-reveal-title{line-height:1.15!important}.home .lab-teaser .lab-reveal-title{font-size:clamp(43px,5.6vw,83px)!important}.lab-page .category-heading h1.lab-reveal-title{font-size:clamp(44px,5.2vw,80px)!important;max-width:900px;letter-spacing:-.05em!important}.lab-after{color:#0094ae;display:inline-block;min-height:1.2em;min-width:3.7ch;position:relative}.lab-after::after{content:'';display:inline-block;width:1px;height:.75em;background:currentColor;margin-inline-start:.09em;vertical-align:baseline;opacity:0}.lab-after.is-writing::after{opacity:1;animation:lab-caret .8s steps(1) infinite}.lab-after.is-waiting{opacity:0}@keyframes lab-caret{50%{opacity:0}}
html[dir=rtl] .studio-ribbon span{font-family:'Noto Sans Arabic',Tahoma,sans-serif;font-style:normal;font-size:clamp(19px,1.8vw,28px)}html[dir=rtl] .sketch-gallery h2,html[dir=rtl] .statement h2,html[dir=rtl] .lab-reveal-title{line-height:1.55!important;letter-spacing:0!important}html[dir=rtl] .sketch-figure{direction:ltr}html[dir=rtl] .sketch-figure figcaption span{direction:rtl;letter-spacing:0}
@media(max-width:900px){.sketch-heading{gap:35px}.home .process-grid{gap:25px}.home .brand-list{grid-template-columns:repeat(4,minmax(0,1fr))}.home .brand-list img{height:100px;padding:22px 18px}.home .statement>div:first-child{margin-bottom:40px}}
@media(max-width:600px){.home .hero h1{font-size:clamp(56px,13vw,78px)}.home .hero p{font-size:15px}.sketch-gallery{padding:60px var(--gutter) 40px!important}.sketch-heading{grid-template-columns:1fr;gap:24px}.sketch-heading h2{font-size:44px!important}.sketch-gallery .sketch-copy p{font-size:15px;margin-bottom:15px}.sketch-figure{margin:15px -12px 0}.sketch-figure img{max-width:none;width:100%}.sketch-figure figcaption{font-size:8px;letter-spacing:.04em;gap:5px;margin-inline:12px;padding-top:12px}.home .statement{padding-block:60px}.home .statement>div:first-child{display:block;margin-bottom:35px}.home .statement h2{margin-top:18px;font-size:42px}.home .process-grid{grid-template-columns:1fr;gap:30px}.home .process-grid article{padding-top:20px}.home .process-grid article>small{margin-bottom:15px}.home .process-grid h3{font-size:25px;margin-bottom:12px}.home .process-grid p{max-width:45ch;font-size:15px;margin-bottom:0}.home .brands{padding-block:60px}.home .brand-list{grid-template-columns:repeat(3,minmax(0,1fr))}.home .brand-list img{height:82px;padding:18px 12px}.home .brand-intro{font-size:15px;margin-bottom:30px}.home .studio-ribbon{padding-block:17px}.ribbon-group{gap:27px;padding-inline-end:27px}.home .studio-ribbon i{font-size:11px}.lab-page .category-heading h1.lab-reveal-title{font-size:40px!important}.home .lab-teaser .lab-reveal-title{font-size:44px!important}}
@media(prefers-reduced-motion:reduce){.lab-after{opacity:1!important}.lab-after::after{display:none}.ribbon-track{animation:none}}
/* Linework belongs to the page, with no paper panel or image frame. */
.home .sketch-gallery{background:transparent!important;padding:80px 0 0!important;position:relative;overflow:hidden}.sketch-gallery .sketch-heading{max-width:none;padding-inline:var(--gutter);gap:9vw;position:relative;z-index:2}.sketch-gallery .sketch-figure{max-width:none;width:100%;margin:5px 0 0}.sketch-gallery .sketch-figure img{display:block;width:100%;height:clamp(340px,48vw,720px);object-fit:contain;mix-blend-mode:normal;background:transparent;max-width:none}.sketch-gallery .sketch-figure figcaption{display:none}
@media(max-width:600px){.home .sketch-gallery{padding-top:55px!important}.sketch-gallery .sketch-heading{gap:20px}.sketch-gallery .sketch-figure{margin:5px 0 0;width:100%}.sketch-gallery .sketch-figure img{width:130%;max-width:none;margin-inline-start:-15%;height:auto;min-height:300px;object-fit:contain}}
/* Spread the drawing beyond both viewport edges instead of containing it centrally. */
.home .sketch-gallery .sketch-figure{width:100%;max-width:none;margin:0;overflow:hidden}
.home .sketch-gallery .sketch-figure img{width:112%;max-width:none;height:58vw;min-height:420px;max-height:1100px;margin:0 0 0 -6%;object-fit:cover;object-position:50% 55%;display:block}
html[dir=rtl] .home .sketch-gallery .sketch-figure img{margin:0 0 0 -6%}
@media(max-width:600px){.home .sketch-gallery .sketch-figure img{width:118%;height:79vw;min-height:300px;max-height:none;margin:0 0 0 -9%;object-fit:cover;object-position:50% 53%}html[dir=rtl] .home .sketch-gallery .sketch-figure img{margin:0 0 0 -9%}}

/* Lab concepts: the idea is readable alongside the visual and in its detail view. */
.lab-concept{min-width:0;align-self:start}
.lab-concept>.project{display:block;width:100%;text-align:start}
.lab-page .concept-story{padding:25px 0 0;margin-top:22px;border-top:1px solid #c5ceca;max-width:66ch}
.concept-story>small,.detail-story>small{display:block;font-size:10px;letter-spacing:.12em;line-height:1.6;color:#007c94;margin-bottom:14px}
.concept-story>h3,.detail-story>h3{font-size:clamp(23px,2.1vw,31px);font-weight:600;letter-spacing:-.035em;line-height:1.25;margin:0 0 18px;color:#172c30;text-wrap:balance}
.lab-page .concept-story>p,dialog .detail-story>p{font-size:16px;line-height:1.85;letter-spacing:0;font-weight:400;margin:0 0 14px;color:#4b6267;max-width:66ch}
.lab-page .opening-work{align-items:start}
.lab-page .opening-work-note{justify-content:start;gap:25px}
.lab-page .opening-work-note>p{margin:0}
.lab-page .opening-work-note>span{margin:0}
.detail-story{margin:28px 0;padding-top:25px;border-top:1px solid #c5ceca}
.detail-story[hidden]{display:none}
dialog .detail-story h3{font-size:27px}
@media(max-width:760px){.lab-page .concept-story{padding-top:20px;margin-top:18px}.concept-story>h3{font-size:25px}.lab-page .concept-story>p,dialog .detail-story>p{font-size:16px;line-height:1.8}.lab-page .opening-work-note{gap:15px}.lab-page .project-grid{row-gap:45px}}
@media(min-width:1000px){
.lab-page~dialog[open]{width:min(1320px,calc(100vw - 64px));display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start}
.lab-page~dialog>.detail-image{width:100%;height:78vh;max-height:860px;object-fit:contain;position:sticky;top:0;background:#101c20}
.lab-page~dialog>.detail-copy{padding:40px 35px 28px;min-width:0}
.lab-page~dialog>.project-navigation{grid-column:1/-1}
.lab-page~dialog>.close{z-index:3}
}

.footer-grid .footer-social{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin-top:.85rem}
.footer-grid .footer-social a{display:inline-flex;gap:.35em;align-items:baseline;margin:0;text-underline-offset:.25em}
.footer-grid .footer-social a:hover,.footer-grid .footer-social a:focus-visible{text-decoration:underline}