/* 19 / A REASON TO NOTICE. A typographic field resolves into a single message. */
.focus{--paper:#efeee8;--ink:#191a18;--accent:#ece651;background:var(--paper);color:var(--ink)}.q-page{max-width:1900px;margin:auto}.q-sequence{height:190svh;position:relative;--focus:0;--open:0}.q-stage{position:sticky;top:58px;height:calc(100svh - 58px);overflow:hidden;background:#efeee8}.q-nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:14px 4%;gap:30px}.q-nav .sv-logo{width:103px;height:60px}.q-nav>span{font-size:8px;letter-spacing:.1em}.q-nav nav{display:flex;gap:28px;align-items:center}.q-nav nav a,.q-nav nav button{font-size:11px}.q-composition{height:calc(100% - 88px);position:relative;isolation:isolate}.q-eye{position:absolute;width:76%;height:85%;left:-12%;top:-8%;mix-blend-mode:multiply;z-index:1;pointer-events:none}.q-eye img{width:100%;height:100%;object-fit:contain;clip-path:ellipse(47% calc(0.3% + var(--open)*45%) at 50% 50%);opacity:var(--open);transition:clip-path .35s ease,opacity .25s}.q-shut{position:absolute;width:100%;height:100%;inset:0;fill:none;stroke:#272621;stroke-width:3;stroke-linecap:round;opacity:calc(1 - var(--open));filter:url('#none');transform:rotate(-8deg);transition:opacity .25s}.q-noise{position:absolute;left:41%;top:-11%;width:80%;height:120%;overflow:hidden;transform:rotate(-5deg);opacity:calc(0.85 - var(--focus)*.81);filter:blur(calc(var(--focus)*1.5px));transition:opacity .3s,filter .3s;pointer-events:none}.q-noise span{display:block;white-space:nowrap;font:800 clamp(42px,5.8vw,100px)/.75 'DM Sans';letter-spacing:-.065em;transform:translateX(calc(var(--n)*-9px));opacity:.85}.q-noise span:nth-child(3n){margin-left:70px}.q-message{position:absolute;left:44%;top:42%;z-index:3}.q-message>span{font-size:9px;letter-spacing:.13em;opacity:calc(.45 + var(--focus)*.55)}.q-message h1{font:800 clamp(53px,6.5vw,115px)/1 'DM Sans';letter-spacing:-.07em;margin:14px 0}.q-message mark{color:var(--ink);background:linear-gradient(to right,#ece651 calc(var(--focus)*100%),transparent calc(var(--focus)*100%));padding:0 .05em .06em;box-decoration-break:clone}.q-message p{font-size:13px;line-height:1.5;opacity:calc(.1 + var(--focus)*.9);transition:opacity .3s}.q-note{position:absolute;left:4%;bottom:45px;z-index:4}.q-note>span{font-size:7px;letter-spacing:.07em}.q-note p{font:italic 24px/1.15 'DM Serif Display';margin-top:15px}.q-control{position:absolute;right:4%;bottom:45px;z-index:5;display:flex;align-items:center;gap:22px}.q-control>span{font-size:7px;letter-spacing:.08em}.q-control button{background:#191a18;color:#efeee8;border-radius:30px;padding:14px 20px;font-size:11px}.q-progress{position:absolute;bottom:16px;left:4%;right:4%;height:1px;background:#191a1833}.q-progress i{display:block;height:3px;width:calc(var(--focus)*100%);background:#272820}.q-thinking{padding:100px 7% 120px;display:grid;grid-template-columns:1.5fr 1fr;gap:45px 10%;background:linear-gradient(#efeee8,#e4e3da)}.q-thinking>span{grid-column:1/-1;font-size:9px;letter-spacing:.08em}.q-thinking h2{font:700 clamp(50px,6.8vw,100px)/.92 'DM Sans';letter-spacing:-.06em}.q-thinking h2 em{font:italic 1em/1 'DM Serif Display'}.q-thinking>div{align-self:end}.q-thinking p{font-size:16px;line-height:1.7;margin-top:25px}.q-practice{padding:60px 7% 130px;background:linear-gradient(#e4e3da,#efeee8);display:grid;grid-template-columns:1fr 1fr;gap:9%}.q-practice-intro>span{font-size:8px;letter-spacing:.08em}.q-practice h2{font:600 clamp(33px,3.5vw,56px)/1.05 'DM Sans';letter-spacing:-.05em;margin-top:30px}.q-practice h2 em{font:italic 1em 'DM Serif Display'}.q-practice details{border-top:1px solid #191a1866;padding:25px 0}.q-practice summary{display:flex;align-items:center;gap:15px;list-style:none;cursor:pointer}.q-practice summary::-webkit-details-marker{display:none}.q-practice summary>span{font-size:9px}.q-practice h3{font:500 25px/1.1 'DM Sans';letter-spacing:-.04em}.q-practice summary b{margin-left:auto;font-weight:400}.q-practice details p{font-size:14px;line-height:1.7;margin:25px 0 0 30px}.q-work{padding:90px 7% 130px}.q-work>span{font-size:9px;letter-spacing:.08em}.q-work h2{font:600 clamp(43px,5.5vw,86px)/1.04 'DM Sans';letter-spacing:-.06em;margin:40px 0 70px}.q-work mark,.q-footer mark{background:#ece651;color:var(--ink);padding:0 .08em}.q-work>div{display:grid;grid-template-columns:1fr 1fr;gap:70px}.q-work button{text-align:left;border-top:1px solid #191a1866;padding-top:30px;display:flex;flex-direction:column;gap:30px}.q-work button>span,.q-work small{font-size:9px}.q-work strong{font:600 clamp(38px,4vw,65px)/1 'DM Sans';letter-spacing:-.05em}.q-work b{font-size:11px;font-weight:400}.q-footer{padding:120px 7% 55px;background:linear-gradient(#efeee8,#d7d6cc)}.q-footer>span{font-size:9px;letter-spacing:.08em}.q-footer h2{font:700 clamp(70px,12vw,180px)/1 'DM Sans';letter-spacing:-.075em;margin:50px 0 40px}.q-footer>button{border-bottom:1px solid;font-size:13px;padding:12px 0}.q-footer>div{display:flex;align-items:end;justify-content:space-between;margin-top:90px}.q-footer .sv-logo{width:110px;height:64px}.q-footer p{font-size:12px;line-height:1.5}.paused .q-eye img,.paused .q-shut,.paused .q-noise,.paused .q-message p{transition:none}
@media(max-width:700px){.q-stage{top:91px;height:calc(100svh - 91px);min-height:610px}.q-sequence{height:175svh}.q-nav{padding:14px 6%;gap:20px}.q-nav .sv-logo{width:87px;height:50px}.q-nav>span,.q-nav nav a{display:none}.q-nav nav button{font-size:11px}.q-composition{height:calc(100% - 78px)}.q-eye{width:125%;height:70%;left:-45%;top:-6%}.q-noise{left:34%;top:0;width:130%;height:70%}.q-noise span{font-size:48px;line-height:.84}.q-message{left:10%;top:43%}.q-message>span{font-size:8px}.q-message h1{font-size:58px;margin:12px 0}.q-message p{font-size:12px}.q-note{bottom:95px;left:6%}.q-note>span{font-size:6px}.q-note p{font-size:20px;margin-top:10px}.q-control{left:6%;right:6%;bottom:30px;justify-content:space-between;gap:15px}.q-control>span{font-size:6px;max-width:140px;line-height:1.5}.q-control button{padding:12px 16px}.q-progress{left:6%;right:6%;bottom:12px}.q-thinking{grid-template-columns:1fr;padding:70px 6%;gap:30px}.q-thinking h2{font-size:52px}.q-thinking p{font-size:15px;margin-top:20px}.q-practice{grid-template-columns:1fr;padding:30px 6% 70px;gap:40px}.q-practice h2{font-size:34px}.q-practice h3{font-size:25px}.q-work{padding:65px 6% 85px}.q-work h2{font-size:41px;margin:35px 0 45px}.q-work>div{grid-template-columns:1fr;gap:50px}.q-work strong{font-size:43px}.q-footer{padding:90px 6% 45px}.q-footer h2{font-size:16vw}.q-footer>div{align-items:start;gap:30px;flex-direction:column;margin-top:65px}}
@media(prefers-reduced-motion:reduce){.q-eye img,.q-shut,.q-noise,.q-message p{transition:none}}
/* Clip the print collage without creating an internally scrollable stage. */
.q-stage,.q-composition{overflow:clip}

.q-eye{mask-image:radial-gradient(ellipse at center,#000 45%,transparent 72%)}.q-eye img{position:absolute;inset:0;clip-path:none;transition:opacity .22s}.q-eye .q-eye-closed{opacity:calc(1 - var(--open));clip-path:none}

@media(max-width:700px) and (max-height:750px){.q-stage{min-height:0}.q-note{display:none}.q-eye{height:72%;top:-10%}.q-message{top:40%}.q-control{bottom:25px}}