/* Smile N: one editorial system from the first idea to the project conversation. */
@font-face{font-family:PortfolioSymbols;src:url('/assets/creative/symbols.ttf') format('truetype');font-display:swap;font-weight:100 900}
.direction-v4{--sans:PortfolioSymbols,Inter,'Segoe UI',Arial,system-ui,sans-serif;--muted:#56665b;--serif:PortfolioSymbols,Georgia,"Iowan Old Style",Cambria,serif;--copper:#a44d32;font-family:var(--sans)}
.direction-v4 .wordmark-arrow{font-family:PortfolioSymbols,Arial,sans-serif}.direction-v4 .hero{grid-template-columns:1fr 1.05fr;gap:48px;min-height:880px;padding-top:142px;padding-bottom:105px}.direction-v4 .hero h1{font-size:clamp(54px,5.55vw,86px);line-height:1.035;letter-spacing:-.065em;margin:26px 0 22px;max-width:700px}.direction-v4 .hero h1 em{letter-spacing:-.065em}.direction-v4 .hero-description{max-width:530px;font-size:17px;line-height:1.7}.direction-v4 .hero-description strong{font-weight:650;color:#273d30}.direction-v4 .hero-actions{margin:28px 0 29px;gap:15px}.direction-v4 .hero-actions .button{font-size:12px;gap:22px}.hero-authority{display:flex;gap:13px;align-items:center;margin-top:24px;padding-top:21px;border-top:1px solid #d9ded7;max-width:530px}.authority-mark{display:grid;place-items:center;flex:none;border:1px solid #bac8bb;border-radius:50%;width:43px;height:43px;font:700 20px Georgia,serif;color:#375c4b}.hero-authority p{font-size:12px;line-height:1.6;color:#394b40}.hero-authority p>span{color:#657468}.direction-v4 .hero-cred{font-size:9px;padding-top:17px;gap:11px}.direction-v4 .hero-exhibit{min-height:610px}.direction-v4 .hero-badge-controls{flex-wrap:wrap;gap:8px}.direction-v4 .badge-legend-item{font-size:9px;min-height:32px;display:inline-flex;align-items:center}.direction-v4 .badge-legend-item:hover{text-decoration:underline}.direction-v4 .discipline-rail{height:60px}.direction-v4 .rail-track{animation:none;justify-content:space-around;gap:32px;min-width:100%;padding:0 32px}.direction-v4 .rail-track span{font-size:10px;letter-spacing:.13em}.direction-v4 .section-block{padding-block:100px}.direction-v4 .work-heading{padding:34px 0 38px}.direction-v4 .work-heading p{color:#596b5e;line-height:1.7}.direction-v4 .work-heading h2{font-size:clamp(40px,4.9vw,76px)}
.work-context{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding:0 2px 14px;font-size:9px;line-height:1.5;font-weight:700;letter-spacing:.09em;color:#536556}.work-context span:last-child{font-size:8px;text-align:right;color:#6b796e}.work-cover-copy{position:absolute;inset:auto 30px 50px;z-index:2;color:#f8f7ee;pointer-events:none}.work-cover-copy small{display:block;font-size:10px;letter-spacing:.16em;margin-bottom:16px}.work-cover-copy strong{font:400 clamp(36px,4vw,66px)/1.03 Georgia,serif;letter-spacing:-.05em}.direction-v4 .work-fatos .tile-art{background:#283a2f}.direction-v4 .work-fatos .tile-art img{width:76%;height:72%;position:absolute;top:6%;right:6%;transform:rotate(8deg);border-radius:3px;filter:brightness(.94);box-shadow:0 12px 36px #07140e55;object-fit:cover;object-position:50% 0}.direction-v4 .work-fatos .tile-art:after{background:linear-gradient(180deg,#17302300 36%,#1b3125db 67%,#1b3125 100%);z-index:1}.direction-v4 .work-fatos:hover .tile-art img{transform:rotate(5deg) translateY(-8px)}.direction-v4 .tile-caption{align-items:flex-start;padding-top:20px}.direction-v4 .tile-caption h3{font-size:clamp(25px,2.2vw,36px)}.direction-v4 .tile-caption p{font-size:12px;max-width:380px;color:#5d6e61;line-height:1.65;margin-top:12px}.direction-v4 .tile-caption small{color:#647467;font-size:9px;line-height:1.6;display:block}.direction-v4 .tile-chip{font-size:9px;max-width:calc(100% - 65px);line-height:1.4}.direction-v4 .source-note{margin-top:35px;align-items:baseline}.direction-v4 .source-note p{color:#5e6b61;max-width:800px}.direction-v4 .sm-work-stage{perspective:1500px}.direction-v4 .work-tile{scroll-margin-top:104px}.direction-v4 .rx-collection-optional{margin-top:30px}
.direction-v4 .editorial-section{padding-top:100px;padding-bottom:70px}.direction-v4 .editorial-heading h2{font-size:clamp(40px,5.2vw,76px);margin-top:22px}.direction-v4 .editorial-heading>p{max-width:650px;line-height:1.7;color:#5d6d60;margin-inline:auto}.direction-v4 .editorial-bottom{font-size:10px}.direction-v4 .immersive-track{height:190svh}.direction-v4 .systems-section{padding-block:90px}.direction-v4 .systems-copy>p{color:#b7c9be}.direction-v4 .systems-copy h2{font-size:clamp(38px,4.1vw,62px)}.direction-v4 .systems-notice{font-size:12px;line-height:1.6}.direction-v4 .category-zone{padding-top:90px;padding-bottom:65px}.direction-v4 .category-heading h2{font-size:clamp(46px,5.7vw,82px)}.direction-v4 .category-heading p{max-width:650px;color:#c3d1c5}.project-entries{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px}.project-entries>a{display:flex;flex-direction:column;padding:28px;border:1px solid #c3d6be38;border-radius:14px;background:linear-gradient(135deg,#ffffff0c,#ffffff03);transition:background .2s,transform .25s,border-color .2s;min-width:0}.project-entries>a:hover{background:#ffffff12;transform:translateY(-4px);border-color:#c8dfa480}.project-entries span{font-size:9px;letter-spacing:.13em;color:#c3d9b8}.project-entries strong{font:400 30px/1.15 Georgia,serif;letter-spacing:-.04em;margin:24px 0 14px}.project-entries p{font-size:13px;color:#c0cfc2;line-height:1.7}.project-entries b{font-size:11px;margin-top:auto;padding-top:26px;font-weight:650;color:#e5efdb}.capability-details{position:relative;width:min(100% - 72px,1392px);margin:35px auto 0;border-top:1px solid #c9ddbb35;border-bottom:1px solid #c9ddbb35}.capability-details>summary{list-style:none;cursor:pointer;padding:22px 0;font-size:13px;color:#dde9d5;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px}.capability-details>summary::-webkit-details-marker{display:none}.capability-details>summary:after{content:'+';font:25px/1 Georgia,serif}.capability-details[open]>summary:after{content:'−'}.direction-v4 .category-runway{height:230svh}.direction-v4 .category-note{margin-top:25px;color:#c4d1c3;font-size:12px}.direction-v4 .category-back>p,.direction-v4 .card-title p{opacity:.9}.direction-v4 .category-back li{padding:9px 0}.direction-v4 .category-nav-button{min-height:44px}.direction-v4 .card-turn,.direction-v4 .card-return{min-height:44px}
.direction-v4 .contact-section{padding-top:100px;background:#e8ede4}.direction-v4 .contact-intro h2{font-size:clamp(43px,4.8vw,76px);letter-spacing:-.065em;line-height:1.04;max-width:650px;margin:26px 0}.direction-v4 .contact-intro>p{max-width:490px;color:#53675a;font-size:15px}.contact-person{display:flex;align-items:center;gap:14px;margin-top:32px}.contact-monogram{position:relative;display:grid;place-items:center;width:54px;height:54px;background:#294632;color:#f6f7ee;border-radius:50%;font:400 28px/1 Georgia,serif;flex:none}.contact-monogram>span{position:absolute;font:12px PortfolioSymbols,Arial;right:8px;top:8px;color:#dce5bc}.contact-person strong{display:block;font-size:16px}.contact-person div>span{display:block;color:#647668;font-size:12px;margin-top:2px}.direction-v4 .contact-intro .contact-direct{display:flex;align-items:flex-start;flex-direction:column;margin:22px 0 28px;gap:12px}.direction-v4 .contact-intro .contact-direct a{font-size:14px;line-height:1.6;border-bottom:1px solid #a8b6a4;padding:5px 0;color:#264c34}.contact-direct a>span{margin-left:12px}.contact-direct small{display:block;font-size:11px;color:#5c715f}.direction-v4 .contact-form{border:1px solid #d5decf;border-radius:18px;box-shadow:0 18px 60px #243b2410;padding:32px;align-self:start}.brief-heading{border-bottom:1px solid #d8dfd2;padding-bottom:23px;margin-bottom:22px}.brief-heading .eyebrow{color:#6f806b}.brief-heading h3{font:400 33px/1.1 Georgia,serif;letter-spacing:-.04em;margin-top:14px}.direction-v4 .contact-form label{font-size:12px;color:#284331;font-weight:650}.direction-v4 .contact-form select,.direction-v4 .contact-form textarea{font-size:14px;background:#f8f9f5;min-height:50px}.direction-v4 .contact-form textarea{resize:vertical}.direction-v4 .contact-formats{gap:8px}.direction-v4 .contact-formats button{font-size:9px;min-height:44px}.direction-v4 .site-footer{margin-top:75px;padding-bottom:30px}.direction-v4 .site-footer>span{font-size:9px}.mobile-project-cta{display:none}.direction-v4 .motion-toggle{font-size:11px}.direction-v4 .section-kicker{font-size:10px;line-height:1.5}.direction-v4 .dialog-proof>span{font-size:10px}.direction-v4 .dialog-content h2{font-size:clamp(32px,3.2vw,48px)}
@media(min-width:1700px){.direction-v4 .hero{gap:65px}.direction-v4 .hero h1{font-size:91px}}
@media(max-width:1100px){.direction-v4 .hero{gap:25px;grid-template-columns:1fr 1fr;min-height:800px}.direction-v4 .hero h1{font-size:61px}.direction-v4 .hero-exhibit{min-height:570px}.direction-v4 .hero-description{font-size:16px}.direction-v4 .hero-issue{font-size:9px}.direction-v4 .hero-authority p{font-size:11px}.project-entries>a{padding:22px}.project-entries strong{font-size:26px}.direction-v4 .main-nav{gap:20px}.direction-v4 .header-inner{gap:24px}.direction-v4 .header-cta{font-size:10px;gap:12px}.direction-v4 .header-cta span{font-size:14px}}
@media(max-width:760px){.direction-v4 .hero{display:flex;flex-direction:column;gap:30px;min-height:0;padding-top:112px;padding-bottom:70px;align-items:stretch}.direction-v4 .hero h1{font-size:clamp(43px,9.7vw,68px);line-height:1.035;margin:24px 0 20px;max-width:620px}.direction-v4 .hero-description{font-size:15px;line-height:1.7}.direction-v4 .hero-authority{margin-top:19px;padding-top:18px;gap:11px}.direction-v4 .hero-authority p{font-size:12px}.direction-v4 .hero-issue{font-size:9px;gap:8px}.direction-v4 .hero-issue .issue-year{font-size:8px}.direction-v4 .hero-actions{gap:15px;margin:24px 0}.direction-v4 .hero-actions .button{font-size:11px;gap:15px;min-height:48px;padding-inline:16px}.direction-v4 .hero-actions .button-text{padding-inline:0}.direction-v4 .hero-cred{white-space:normal;flex-wrap:wrap;font-size:8px;gap:9px;padding-top:15px}.direction-v4 .hero-exhibit{width:100%;min-height:480px}.direction-v4 .hero-badge-controls{bottom:45px}.direction-v4 .badge-legend-item{font-size:8px}.direction-v4 .scroll-indicator{bottom:22px;font-size:8px}.direction-v4 .rail-track{flex-wrap:wrap;min-width:0;gap:8px 18px;padding:18px 20px;justify-content:center}.direction-v4 .rail-track span{font-size:8px;letter-spacing:.08em}.direction-v4 .rail-track b{font-size:12px}.direction-v4 .discipline-rail{height:auto}.direction-v4 .section-block{padding-block:65px}.direction-v4 .work-heading{display:block;padding:27px 0 30px}.direction-v4 .work-heading h2{font-size:clamp(38px,9.4vw,57px)}.direction-v4 .work-heading p{margin-top:20px;font-size:14px}.direction-v4 .work-gallery{gap:38px}.direction-v4 .work-context{font-size:8px;gap:8px}.direction-v4 .work-context span:last-child{font-size:7px;max-width:120px}.direction-v4 .tile-caption h3{font-size:29px}.direction-v4 .tile-caption p{font-size:12px}.direction-v4 .tile-open{width:48px;height:48px}.direction-v4 .work-cover-copy{left:24px;right:24px;bottom:44px}.direction-v4 .work-cover-copy strong{font-size:44px}.direction-v4 .work-cover-copy small{font-size:8px}.direction-v4 .source-note{display:block;margin-top:30px;padding-top:20px}.direction-v4 .source-note p{margin-top:10px;font-size:12px}.direction-v4 .source-note span{font-size:9px}.direction-v4 .editorial-section{padding-top:65px;padding-bottom:45px}.direction-v4 .editorial-heading h2{font-size:clamp(36px,9vw,52px)}.direction-v4 .editorial-heading>p{font-size:14px}.direction-v4 .editorial-bottom{flex-direction:column;align-items:flex-start;gap:12px}.direction-v4 .immersive-track{height:auto}.direction-v4 .immersive-sticky{position:relative;height:auto;min-height:0;padding-block:24px}.direction-v4 .systems-section{padding-block:65px}.direction-v4 .systems-copy h2{font-size:40px}.direction-v4 .category-zone{padding-top:65px;padding-bottom:45px}.direction-v4 .category-heading h2{font-size:48px}.direction-v4 .category-heading p{font-size:14px}.project-entries{grid-template-columns:1fr;gap:12px;margin-top:30px}.project-entries>a{padding:24px}.project-entries strong{font-size:29px;margin:16px 0 10px}.project-entries b{padding-top:20px}.capability-details{width:calc(100% - 36px);margin-top:28px}.capability-details>summary{font-size:12px}.direction-v4 .category-runway{height:auto}.direction-v4 .category-note{font-size:11px}.direction-v4 .contact-section{padding-top:65px;padding-bottom:75px}.direction-v4 .contact-intro h2{font-size:clamp(41px,10vw,60px);margin:24px 0}.direction-v4 .contact-intro>p{font-size:14px}.direction-v4 .contact-form{padding:24px}.brief-heading h3{font-size:32px}.direction-v4 .contact-grid{gap:35px}.direction-v4 .contact-formats button{font-size:8px}.direction-v4 .site-footer{margin-top:50px;gap:20px}.direction-v4 .motion-toggle{bottom:78px;right:14px}.mobile-project-cta{display:flex;position:fixed;z-index:135;bottom:max(12px,env(safe-area-inset-bottom));left:18px;right:18px;min-height:52px;background:#203d2e;color:#fff;box-shadow:0 8px 25px #0b1e232b;border:1px solid #65856c55;border-radius:999px;padding:12px 21px;align-items:center;justify-content:space-between;font-size:12px;font-weight:650;transform:translateY(100px);visibility:hidden;transition:transform .25s,visibility .25s}.mobile-project-cta.is-visible{transform:none;visibility:visible}.mobile-project-cta small{font-size:10px;opacity:.7;font-weight:400}.direction-v4 .section-kicker{font-size:9px}.direction-v4 .section-kicker>span:last-child{text-align:right;font-size:8px}.direction-v4 .tile-chip{font-size:8px}.direction-v4 .dialog-content{padding:26px 22px}}
@media(prefers-reduced-motion:reduce){.direction-v4 *, .direction-v4 *:before,.direction-v4 *:after{scroll-behavior:auto!important}.project-entries>a,.mobile-project-cta{transition:none}.direction-v4 .work-fatos:hover .tile-art img{transform:rotate(8deg)}}

/* Hero R5: the visual appears before the supporting biography on small screens. */
.direction-v4 .hero{grid-template-columns:.92fr 1.08fr;grid-template-areas:"copy exhibit" "support exhibit";grid-template-rows:auto 1fr;align-items:start;gap:0 42px;min-height:0;padding-top:124px;padding-bottom:90px}
.direction-v4 .hero-copy{grid-area:copy;padding-top:25px;min-width:0}
.direction-v4 .hero-exhibit{grid-area:exhibit}
.direction-v4 .hero-support{grid-area:support;min-width:0}
.direction-v4 .hero h1{font-size:clamp(49px,4.8vw,76px);margin-top:22px;margin-bottom:20px}
.direction-v4 .hero-description{font-size:18px;line-height:1.6;max-width:470px}
.direction-v4 .hero-actions{margin:25px 0 22px;gap:12px}
.direction-v4 .hero-actions .button{font-size:14px;min-height:48px;padding-inline:18px;gap:14px}
.direction-v4 .hero-actions .button-text{padding-inline:2px}
.direction-v4 .hero-authority{margin-top:10px;padding-top:22px}
.direction-v4 .hero-authority p{font-size:15px;line-height:1.6}
.direction-v4 .hero-scope{font-size:16px;line-height:1.6;max-width:47ch;color:#526058;margin:19px 0 22px}
.direction-v4 .hero-cred{font-size:11px;gap:10px;white-space:normal;flex-wrap:wrap}
@media(max-width:1100px){
 .direction-v4 .hero{display:grid;grid-template-columns:1fr;grid-template-areas:"copy" "exhibit" "support";gap:25px;padding-top:112px;max-width:850px}
 .direction-v4 .hero-copy{max-width:740px;padding-top:0}
 .direction-v4 .hero h1{font-size:clamp(48px,6.8vw,70px);margin-top:20px}
 .direction-v4 .hero-description{max-width:610px}
 .direction-v4 .hero-actions{margin-bottom:0}
 .direction-v4 .hero-support{max-width:700px}
 .direction-v4 .hero-authority{margin-top:0}
}
@media(max-width:760px){
 .direction-v4 .hero{padding-top:88px;padding-bottom:66px;gap:20px;min-height:0}
 .direction-v4 .hero h1{font-size:clamp(34px,10.2vw,58px);line-height:1.04;letter-spacing:-.065em;margin:18px 0 15px}
 .direction-v4 .hero-description{font-size:16px;line-height:1.5}
 .direction-v4 .hero-issue{font-size:9px;gap:8px;letter-spacing:.06em}
 .direction-v4 .hero-issue .issue-year{font-size:8px}
 .direction-v4 .hero-actions{margin:19px 0 0;gap:10px;flex-wrap:wrap}
 .direction-v4 .hero-actions .button{min-height:44px;padding-inline:14px;font-size:13px;gap:10px}
 .direction-v4 .hero-actions .button-text{padding-inline:0}
 .direction-v4 .hero-authority{margin:0;padding-top:0;border-top:0;align-items:flex-start}
 .direction-v4 .hero-authority p{font-size:15px}
 .direction-v4 .hero-scope{margin:16px 0 20px}
 .direction-v4 .hero-cred{font-size:10px;gap:9px}
 .direction-v4 .scroll-indicator{font-size:8px;letter-spacing:.1em}
}
@media(max-width:350px){
 .direction-v4 .hero-actions{gap:4px 9px}
 .direction-v4 .hero-actions .button{font-size:12px;padding-inline:12px}
 .direction-v4 .hero-actions .button-text{padding-inline:0}
}