/* The spectrum continues: open compositions, a quiet reading surface. */
.interior{--ink:#242638;--muted:#646b7e;--line:#dce0ea;--blue:#7963a1;background:#f7f8fc;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:18px}
.interior h1,.interior h2,.interior h3{font-family:'DM Sans',Arial,sans-serif;font-weight:450;letter-spacing:-.045em;line-height:1.15}
.interior header{border:0}.interior nav a[aria-current]{color:#e7c8f2;position:relative}.interior nav a[aria-current]:after{content:'';position:absolute;bottom:-8px;left:0;right:0;height:1px;background:linear-gradient(90deg,#95cfe3,#e5adc6)}
.interior .page-intro{position:relative;isolation:isolate;overflow:hidden;max-width:none;margin:0;text-align:left;padding:180px 9% 105px;min-height:640px;background:#0c0e1d;color:#f7f8fc}
.interior .page-intro .spectrum-art{left:22%;opacity:.85}.interior .page-intro .spectrum-shade{background:linear-gradient(90deg,#0c0e1dfc 5%,#0c0e1d99 53%,#0c0e1d22),linear-gradient(0deg,#0c0e1d,transparent 40%)}
.inner-copy{position:relative;z-index:1;max-width:1100px}.interior .page-intro h1{font-size:clamp(48px,6.2vw,94px);max-width:1100px;margin:25px 0 28px;line-height:1.08}.interior .page-intro h1 em{color:#e4c9ed;font-style:normal}.inner-copy>p{color:#b8bbcf;max-width:650px;font-size:19px;line-height:1.8}.interior .eyebrow{font-size:12px;letter-spacing:.13em;font-weight:500;color:#747c94}.interior .page-intro .eyebrow{color:#c1b4d7}
.inner-floor{position:absolute;bottom:26px;left:9%;right:9%;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#9699b0}.inner-floor>span{letter-spacing:.08em}.inner-floor button{border:1px solid #ffffff30;border-radius:20px;background:transparent;color:#c8c5d8;font-size:12px;padding:7px 14px;cursor:pointer}
.interior .section{max-width:none;padding:95px 9%;margin:0}.interior .page-intro+.section{padding-top:80px}.interior .section p{font-size:18px;line-height:1.85}.interior .text-link{color:#76569d;font-size:15px;font-weight:500;border-bottom:1px solid #bfb1d1;padding:0 0 6px;margin-top:25px}.interior .text-link:hover{color:#41335c;border-color:#41335c}.interior .button{background:#262338;border-radius:5px;font-size:15px;font-weight:500;box-shadow:none;padding:15px 22px}.interior .button:hover{background:#52416d}.interior .two-column{grid-template-columns:1fr 1.15fr;gap:10%}.interior .two-column h2{font-size:clamp(34px,3.4vw,52px);line-height:1.2}.interior .two-column p+p{margin-top:22px}
/* Services read as three chapters instead of three tiles. */
.interior .service-rows{display:block}.interior .service-row{display:grid;grid-template-columns:45px 1fr 1fr;gap:35px;padding:50px 0;background:none;border-radius:0;border-top:1px solid var(--line)}.interior .service-row:first-child{border-top:0;padding-top:0}.interior .number{display:block;width:auto;height:auto;background:none;border-radius:0;color:#8d79a7;font-size:14px}.interior .service-row .eyebrow{min-height:0;font-size:12px;margin:0 0 18px}.interior .service-row h3{font-size:clamp(28px,3vw,44px);margin:0}.interior .service-row p{font-size:17px}.interior .tags{font-size:14px;line-height:1.9;color:#81718d;margin-top:23px}.interior .work-section{background:#eef0f7}.interior .principles{gap:7%;margin-top:80px;padding-top:40px;border-top:1px solid var(--line)}.interior .principles h3{font-size:27px;margin:15px 0}.interior .principles p{font-size:16px;line-height:1.85}
/* Selected work: the process itself is the visual. */
.work-collection{display:flex;flex-direction:column}.project-story{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:25px 9%;padding:65px 0;border-bottom:1px solid var(--line);align-items:center}.project-story:first-child{padding-top:0}.project-story:last-child{border:0;padding-bottom:0}.project-index{grid-column:1/-1;color:#81728f;font-size:12px;letter-spacing:.12em}.project-copy h2{font-size:clamp(34px,4vw,56px);margin:16px 0 22px;transition:color .25s}.project-copy p{max-width:490px}.project-story:hover h2{color:#7961a0}.project-route{padding:25px 0 25px 20%;display:flex;flex-direction:column;position:relative}.project-route:before{content:'';position:absolute;left:20%;top:45px;bottom:45px;width:1px;background:linear-gradient(#94bdca,#b59bce,#dda9bd)}.project-route span{font-size:24px;padding:20px 0 20px 32px;position:relative;transition:transform .3s}.project-route small{display:block;font-size:12px;color:#8d829e;margin-bottom:3px}.project-route span:before{content:'';position:absolute;left:-3px;top:33px;width:7px;height:7px;border-radius:50%;background:#b49ac8;box-shadow:0 0 20px #ab93cd55}.project-story:hover .project-route span{transform:translateX(8px)}
.interior .case-layout{max-width:none;margin:0;padding:0 12% 90px}.interior .case-route{display:flex;align-items:stretch;justify-content:space-between;gap:20px;margin:0 -3.95% 60px;padding:50px 0 40px;border-radius:0;background:none;color:#625578;text-align:left;border-bottom:1px solid var(--line)}.case-route span{flex:1;font-size:22px;line-height:1.4}.case-route small{display:block;color:#92869f;font-size:12px;margin-bottom:14px}.interior .case-section{grid-template-columns:1fr 2fr;gap:9%;padding:45px 0;border-color:var(--line)}.interior .case-layout>.eyebrow{margin:0 0 30px}.interior .case-section h2{font-size:29px}.interior .case-section p{font-size:18px;line-height:1.9}
/* Products have different moods within the same visual language. */
.interior .product-block{max-width:none;margin:0;padding:90px 9%;border-radius:0;border:0;background:#f7f8fc;grid-template-columns:1fr 1fr;gap:10%}.interior .product-block h2{font-size:clamp(48px,6vw,86px);font-weight:450;margin:18px 0 25px}.interior .product-block h3{font-size:36px;line-height:1.2;margin-bottom:25px}.interior .product-block p{font-size:18px;line-height:1.8}.interior .status{font-size:12px;color:#827090;letter-spacing:.09em;display:block}.interior .product-visual{position:relative;border-radius:0;background:radial-gradient(ellipse,#d7c3ee88,transparent 66%);min-height:610px;padding:35px 0;overflow:visible}.interior .product-visual img{width:240px;max-width:85%;height:auto;max-height:none;transform:rotate(4deg);border-radius:26px;box-shadow:0 30px 70px #3a255d28;transition:transform .6s}.interior .product-visual:hover img{transform:rotate(0deg) translateY(-8px)}.interior .product-wern{background:#0c0e1d;color:#edf2fc}.interior .product-wern p{color:#a6b4c9}.interior .product-wern .status{color:#97bdce}.interior .product-wern .text-link{color:#b9ddea;border-color:#425267}.interior .wern-visual{min-height:450px;background:radial-gradient(ellipse at 50% 50%,#16465266,transparent 70%);border:0;border-radius:0;padding:30px;color:#c3e9f0}.interior .wern-visual strong{font-family:'DM Sans';font-weight:450;font-size:clamp(50px,5vw,76px);letter-spacing:.08em}.interior .wern-visual p{color:#839fac;font-size:14px}.interior .wern-path{border-color:#427d9055;color:#b5cadb;gap:30px;padding-left:28px;margin-top:25px}.interior .wern-path span{font-size:18px}.theme-wern .page-intro .spectrum-art{filter:hue-rotate(45deg)}.theme-pools .page-intro .spectrum-art{filter:hue-rotate(-28deg)}.theme-wern .work-section{background:#f0f5f7}
.interior .contact-main{max-width:none;margin:0;padding:80px 9% 100px;grid-template-columns:1.1fr 1fr;gap:9%}.interior .contact-main h2{font-size:35px}.interior .contact-main .email{font-family:'DM Sans';font-size:clamp(24px,3vw,43px);font-weight:450;letter-spacing:-.035em;color:#75618f;overflow-wrap:anywhere}.interior .contact-main p{font-size:17px;line-height:1.85}.interior .contact-main ul{padding-left:20px}.interior .contact-main li{font-size:17px;border-color:var(--line)}
.interior .closing{border-radius:0;max-width:none;margin:0;padding:85px 9%;background:radial-gradient(ellipse at 100% 100%,#3c2652,transparent 70%),#0c0e1d;color:#f7f8fc}.interior .closing .eyebrow{color:#aaa1c1}.interior .closing>a{font-family:'DM Sans';font-size:clamp(46px,5.5vw,80px);font-weight:450;line-height:1.1;max-width:1050px;margin:27px 0}.interior .closing>a>span{position:absolute;right:0;top:0;display:inline;color:#d4b7ec;font-size:60px;line-height:1;background:none;border-radius:0;width:auto;height:auto}.interior .closing p{font-size:17px;color:#9297af}.interior footer{font-size:14px}.interior .skip{color:#242638}
@media(min-width:1700px){.interior .page-intro,.interior .section,.interior .product-block,.interior .contact-main,.interior .closing{padding-left:14%;padding-right:14%}.inner-floor{left:14%;right:14%}.interior .case-layout{padding-left:17%;padding-right:17%}}
@media(max-width:950px){.interior .page-intro{padding-left:7%;padding-right:7%}.interior .section,.interior .product-block,.interior .contact-main,.interior .closing{padding-left:7%;padding-right:7%}.interior .service-row{grid-template-columns:30px 1fr 1fr;gap:20px}.interior .two-column{gap:7%}.interior .product-block{gap:5%}.project-route{padding-left:10%}.project-route:before{left:10%}.project-route span{font-size:21px}.interior .contact-main{gap:5%}}
@media(max-width:650px){.interior .page-intro{padding:140px 7% 100px;min-height:620px}.interior .page-intro h1{font-size:clamp(40px,10.3vw,60px);line-height:1.12;margin:25px 0}.inner-copy>p{font-size:17px;line-height:1.75}.interior .eyebrow,.interior .page-intro .eyebrow{font-size:12px;letter-spacing:.07em}.inner-floor{left:7%;right:7%;font-size:12px}.inner-floor>span{max-width:55%}.interior .page-intro .spectrum-art{left:0;opacity:.65}.interior .section,.interior .page-intro+.section{padding:60px 7%}.interior .service-row{grid-template-columns:25px 1fr;gap:15px;padding:35px 0}.interior .service-row>div:last-child{grid-column:2}.interior .service-row h3{font-size:31px}.interior .service-row p{font-size:16px}.interior .two-column{grid-template-columns:1fr;gap:30px}.interior .two-column h2{font-size:36px}.interior .section p{font-size:17px}.interior .principles{grid-template-columns:1fr;margin-top:45px;gap:28px}.interior .principles p{font-size:16px}.project-story{grid-template-columns:1fr;gap:18px;padding:40px 0}.project-index{font-size:12px}.project-copy h2{font-size:38px}.project-route{padding:5px 0 5px 20px;margin:0}.project-route:before{left:20px;top:25px;bottom:30px}.project-route span{padding:12px 0 12px 27px;font-size:19px}.project-route span:before{top:25px}.project-route small{display:inline;margin-right:14px}.interior .case-layout{padding:0 7% 60px}.interior .case-route{margin:0 0 35px;padding:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:25px}.case-route span{font-size:18px}.case-route small{margin-bottom:5px}.interior .case-section{grid-template-columns:1fr;gap:18px;padding:30px 0}.interior .case-section p{font-size:17px}.interior .product-block{padding:60px 7%;grid-template-columns:1fr;gap:25px}.interior .product-block h2{font-size:62px}.interior .product-block h3{font-size:33px}.interior .product-block p{font-size:17px}.interior .product-visual{min-height:0;padding:30px 0 15px}.interior .product-visual img{width:215px;max-width:80%}.interior .wern-visual{min-height:350px;padding:25px 0}.interior .wern-visual strong{font-size:60px}.interior .contact-main{grid-template-columns:1fr;padding:55px 7% 65px;gap:35px}.interior .contact-main .email{font-size:clamp(23px,6.7vw,35px)}.interior .closing{padding:60px 7%}.interior .closing>a{font-size:43px;padding-right:25px}.interior .closing>a>span{font-size:32px}.interior .closing p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.interior .product-visual img{transform:none}.project-story:hover .project-route span{transform:none}}
.portfolio-context{display:flex;justify-content:space-between;gap:40px;align-items:flex-start;padding-bottom:55px;margin-bottom:45px;border-bottom:1px solid var(--line)}.portfolio-context p{max-width:620px}.interior .portfolio-context .text-link{margin-top:5px;white-space:nowrap}.project-copy h2{font-size:clamp(34px,3.7vw,52px)}
@media(max-width:650px){.portfolio-context{display:block;padding-bottom:35px;margin-bottom:35px}.interior .portfolio-context .text-link{margin-top:20px}.project-copy h2{font-size:36px}}
.interior .service-row p+p{margin-top:18px}.engagement .eyebrow{margin-bottom:20px}.interior .product-note{font-size:14px!important;line-height:1.8;margin-top:22px;color:#7f748e}.interior .wern-direction{background:radial-gradient(ellipse at 100% 40%,#143b4866,transparent 60%),#0c0e1d;color:#edf3fa}.wern-direction .eyebrow{color:#a3c6d1}.interior .wern-direction p{color:#a3b1c7}.response-sequence{list-style:none;padding:0;margin:65px 0 35px;display:grid;grid-template-columns:repeat(3,1fr);gap:6%;border-top:1px solid #63879b66}.response-sequence li{padding-top:25px}.response-sequence li>span{color:#9bc3d2;font-size:14px}.response-sequence h3{font-size:30px;margin:24px 0 20px}.interior .response-sequence p{font-size:17px;line-height:1.8}.theme-pools .product-block .eyebrow{margin-bottom:22px}
@media(max-width:650px){.response-sequence{grid-template-columns:1fr;gap:30px;margin-top:40px}.response-sequence li{padding-top:20px}.response-sequence h3{margin:12px 0;font-size:29px}.engagement .two-column>p{margin-top:0}}