/* 18 / THE THROUGHLINE. A warm editorial studio with a connected story canvas. */
.throughline{--paper:#efe9ce;--ink:#28384c;--accent:#be5038;background:var(--paper);color:var(--ink)}.t-page{max-width:1900px;margin:auto}.t-nav{padding:20px 5%;display:flex;justify-content:space-between;align-items:center;gap:35px;background:#28384c;color:#efe9ce}.t-nav .sv-logo{width:115px;height:65px}.t-nav>span{font-size:9px;letter-spacing:.1em}.t-nav nav{display:flex;gap:30px;align-items:center}.t-nav nav a,.t-nav nav button{font-size:11px}.t-hero{padding:28px 5% 0;background:radial-gradient(ellipse at 50% 60%,#fcf9e1,#efe9ce 75%)}.t-edition{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;padding-bottom:22px;border-bottom:1px solid #28384c33}.t-hero h1{text-align:center;font:400 clamp(72px,9vw,145px)/.9 'DM Serif Display';letter-spacing:-.055em;margin:55px 0 25px}.t-hero h1 em{color:#b64e39}.t-hero>p:not(.sr-only){font:16px/1.6 'DM Sans';max-width:none;text-align:center}.t-angle-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin:35px auto 0}.t-angle-controls>span{font-size:8px;letter-spacing:.1em;margin-right:8px}.t-angle-controls button{display:flex;gap:30px;font-size:11px;padding:12px 18px;border:1px solid #28384c55;border-radius:30px}.t-angle-controls button[aria-pressed=true]{background:#28384c;color:#efe9ce;border-color:#28384c}.t-studio{position:relative;max-width:1180px;margin:40px auto 0}.t-origin{width:360px;margin:auto;text-align:center;position:relative;z-index:2}.t-origin>span{font-size:8px;letter-spacing:.12em;display:block}.t-origin strong{display:block;font:italic 23px/1.1 'DM Serif Display';margin-top:13px;padding-bottom:15px}.t-threads{display:block;width:100%;height:100px;stroke:#ad7256;fill:none;stroke-width:1}.t-media{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;position:relative}.t-piece{min-height:315px;padding:28px 26px;box-shadow:1px 7px 16px #28384c15;position:relative;transform:rotate(calc(var(--base,0deg) + var(--sway,0deg)));transform-origin:50% 0;transition:transform .8s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column;justify-content:space-between}.piece-press{--base:-4deg;background:#faf7e9;color:#28384c}.piece-audio{--base:2deg;background:#b9513d;color:#fbf0d1}.piece-inbox{--base:-2deg;background:#c8cfc0;color:#28384c}.t-pin{position:absolute;top:-6px;left:calc(50% - 6px);height:12px;width:12px;border:1px solid #28384c;border-radius:50%;background:#efe9ce}.t-paper-label{display:flex;justify-content:space-between;gap:15px;font-size:7px;letter-spacing:.06em;padding-bottom:15px;border-bottom:1px solid currentColor}.t-paper-label>span:last-child{text-align:right}.t-piece h2{font:35px/.98 'DM Serif Display';letter-spacing:-.045em;margin:25px 0}.t-piece>span:last-child{font-size:7px;letter-spacing:.07em}.t-print-lines{height:40px;background:repeating-linear-gradient(transparent 0 5px,#28384c55 5px 6px);width:90%;margin:0 0 25px}.t-wave{height:55px;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:22px}.t-wave i{display:block;width:3px;height:var(--h);background:#f3dfb6;transform-origin:center;animation:tWave 2.2s ease-in-out infinite alternate;animation-delay:var(--delay)}.t-envelope{font-size:55px;line-height:1;align-self:end;margin-top:20px}.t-studio-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:65px;padding:25px 0 40px;border-bottom:1px solid #28384c33}.t-studio-footer>span{font-size:7px;letter-spacing:.11em}.t-studio-footer p{font:italic 20px 'DM Serif Display'}.t-studio-footer>a{font-size:10px}.t-approach{padding:140px 8% 90px;display:grid;grid-template-columns:1.3fr 1fr;gap:12%;background:linear-gradient(#efe9ce,#e5d8bd)}.t-approach>div>span:first-child{font-size:9px;letter-spacing:.09em}.t-approach h2{font:clamp(48px,6vw,88px)/1 'DM Serif Display';margin-top:35px}.t-approach h2 em{color:#b64e39}.t-approach>div:last-child{align-self:center}.t-approach p{font:16px/1.7 'DM Sans';margin-top:25px}.t-signature{display:block;font:italic 27px 'DM Serif Display';color:#b64e39;margin-top:40px;transform:rotate(-6deg)}.t-programs{padding:30px 8% 130px;background:linear-gradient(#e5d8bd,#efe9ce)}.t-programs-heading{margin-bottom:55px}.t-programs-heading>span{font-size:9px;letter-spacing:.09em}.t-programs h2{font:65px/1 'DM Serif Display';margin:35px 0}.t-programs details{border-top:1px solid #28384c66;padding:25px 0}.t-programs summary{display:flex;align-items:center;gap:35px;cursor:pointer;list-style:none}.t-programs summary::-webkit-details-marker{display:none}.t-programs summary>span{font-size:11px}.t-programs h3{font:38px/1.1 'DM Serif Display'}.t-programs summary b{font-weight:400;margin-left:auto;font-size:30px}.t-programs details[open] b{transform:rotate(45deg)}.t-programs details p{margin:25px 0 10px 55px;font:16px/1.7 'DM Sans';max-width:650px}.t-work{padding:140px 8% 150px;background:linear-gradient(#efe9ce,#d5dfd5 180px,#d5dfd5 calc(100% - 150px),#efe9ce)}.t-work>span{font-size:9px;letter-spacing:.1em}.t-work h2{font:clamp(55px,7vw,105px)/.97 'DM Serif Display';margin:35px 0 65px}.t-work>div{display:grid;grid-template-columns:1fr 1fr;gap:60px}.t-work button{text-align:left;border-top:1px solid #28384c66;padding:28px 0;display:flex;align-items:start;flex-direction:column;gap:25px}.t-work button>span{font-size:11px}.t-work strong{font:clamp(38px,5vw,72px)/.98 'DM Serif Display'}.t-work small{font-size:9px;letter-spacing:.04em}.t-work b{font-size:11px;font-weight:400;border-bottom:1px solid;padding-bottom:8px}.t-footer{padding:170px 8% 50px;background:linear-gradient(#efe9ce,#28384c 180px);color:#efe9ce}.t-footer>span{font-size:9px;letter-spacing:.1em}.t-footer h2{font:clamp(65px,10vw,155px)/.98 'DM Serif Display';margin:40px 0}.t-footer h2 em{color:#dea57d;margin-left:15%}.t-footer>div{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-top:55px}.t-footer p{font:15px/1.6 'DM Sans'}.t-footer button{font-size:12px;border-bottom:1px solid;padding:12px 0}.t-footer .sv-logo{width:115px;height:65px;margin-top:80px}@keyframes tWave{from{scale:1 .55}to{scale:1 1}}.paused .t-wave i{animation:none}.paused .t-piece{transition:none;transform:rotate(var(--base))}
@media(max-width:1050px){.t-nav>span{display:none}.t-media{gap:20px}.t-piece{padding:25px 20px}.t-piece h2{font-size:29px}.t-studio-footer p{font-size:17px}.t-approach{gap:8%}}
@media(max-width:700px){.t-nav{padding:18px 5%}.t-nav .sv-logo{width:98px;height:57px}.t-nav nav a{display:none}.t-nav nav button{font-size:10px;max-width:140px;text-align:right}.t-hero{padding:22px 6% 0}.t-edition{font-size:7px;gap:25px}.t-edition>span:last-child{text-align:right;max-width:120px}.t-hero h1{font-size:61px;margin:40px 0 25px}.t-hero>p:not(.sr-only){font-size:14px;line-height:1.6}.t-angle-controls{flex-wrap:wrap;gap:8px;margin-top:25px}.t-angle-controls>span{flex-basis:100%;text-align:center;margin:0 0 5px}.t-angle-controls button{font-size:10px;padding:10px 12px;gap:13px}.t-origin{width:100%;max-width:290px}.t-origin strong{font-size:23px}.t-studio{margin-top:35px}.t-threads{height:50px}.t-media{grid-template-columns:1fr;gap:28px;padding:0 8px}.t-piece{min-height:230px;padding:25px}.t-piece h2{font-size:33px;margin:22px 0}.t-paper-label{font-size:8px}.t-wave{height:35px}.t-print-lines{height:30px}.t-envelope{font-size:40px;margin-top:10px}.t-studio-footer{flex-direction:column;align-items:start;gap:18px;margin-top:45px}.t-studio-footer p{font-size:21px}.t-approach{grid-template-columns:1fr;padding:95px 6% 65px;gap:25px}.t-approach h2{font-size:46px}.t-approach p{font-size:15px}.t-signature{font-size:25px}.t-programs{padding:20px 6% 80px}.t-programs h2{font-size:49px}.t-programs h3{font-size:28px}.t-programs summary{gap:18px}.t-programs details p{font-size:14px;margin-left:32px}.t-work{padding:100px 6% 110px;background:linear-gradient(#efe9ce,#d5dfd5 120px,#d5dfd5 calc(100% - 100px),#efe9ce)}.t-work h2{font-size:55px;margin-bottom:45px}.t-work>div{grid-template-columns:1fr;gap:25px}.t-work strong{font-size:48px}.t-footer{padding:160px 6% 40px;background:linear-gradient(#efe9ce,#28384c 140px)}.t-footer h2{font-size:58px}.t-footer h2 em{margin-left:7%}.t-footer>div{flex-direction:column;align-items:start;gap:25px;margin-top:30px}.t-footer .sv-logo{margin-top:60px}}
@media(prefers-reduced-motion:reduce){.t-piece{transition:none;transform:rotate(var(--base))}.t-wave i{animation:none}}