@font-face{font-family:Hanken;src:url('assets/hanken.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--fjord:#0b1922;--paper:#eee6d5;--brass:#c8a36a;--muted:#b5c0c4;--gutter:clamp(24px,5.6vw,112px);--vh:100svh;color-scheme:dark;font-family:Hanken,'Segoe UI',sans-serif;color:var(--paper);background:var(--fjord);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:100px}body{margin:0;overflow-x:clip}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;text-wrap:balance}h1,h2{letter-spacing:-.055em;line-height:1.02}p{line-height:1.65}a,button,input,textarea{outline-offset:7px}:focus-visible{outline:2px solid var(--brass)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link{position:fixed;z-index:100;left:20px;top:12px;padding:16px;background:var(--paper);color:var(--fjord);transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:absolute;z-index:30;top:0;left:0;width:100%;height:104px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:32px}.is-enhanced .site-header{position:fixed;background:linear-gradient(#0b1922ba,#0b192200)}.brand{display:inline-flex;align-items:center;gap:13px;font-size:28px;font-weight:700;letter-spacing:-.05em;flex-shrink:0}.brand img{object-fit:contain;width:48px;height:38px}.site-header nav{display:flex;gap:36px;align-items:center;font-size:15px;font-weight:500}.site-header nav a{padding:12px 0}.nav-contact{border-bottom:1px solid #b9a48488}.nav-contact span{display:inline-block;margin-left:22px;font-size:21px}
.journey{position:relative;isolation:isolate}.journey-stage{position:relative;overflow:clip}.landscape{position:absolute;inset:0;background:linear-gradient(90deg,#0b1922e8,#0b192238 70%),url('assets/fjord.webp') center/cover;pointer-events:none}.light-veil{position:absolute;inset:0;background:linear-gradient(0deg,#0b1922 0%,transparent 20%,transparent 80%,#0b192277 100%);pointer-events:none;z-index:2}#depth-canvas{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene-art{display:none}.story-scene{min-height:100svh;position:relative;z-index:4;display:flex;align-items:center;padding:150px var(--gutter) 110px}.scene-copy{max-width:540px}.scene-copy h1{font-size:clamp(52px,6.15vw,112px)}.scene-copy h2{font-size:clamp(50px,5.8vw,104px)}.scene-copy>p{max-width:390px;font-size:18px;margin-top:30px;color:#d7dcd9}.scene-copy .supporting-copy{font-size:16px;color:#c1c5bd;margin-top:18px;max-width:355px}.scene-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:34px}.primary-action{display:inline-flex;gap:26px;align-items:center;justify-content:space-between;min-height:54px;padding:15px 20px 15px 23px;border:1px solid #d8c099;background:var(--paper);color:var(--fjord);font-weight:600;font-size:15px;border-radius:3px 18px 3px 3px;box-shadow:inset 0 0 0 1px #ffffff33;transition:background .22s,box-shadow .22s}.primary-action>span[aria-hidden]{font-size:23px;line-height:1}.primary-action:hover{background:#fff6e4;box-shadow:0 5px 22px #0002}.quiet-action{display:inline-flex;align-items:center;gap:20px;min-height:48px;font-size:15px;background:transparent;border:0;border-bottom:1px solid #c8a36a66;color:inherit;padding:10px 0}.quiet-action span{color:var(--brass);font-size:21px}.scene-copy>.primary-action,.scene-copy>.quiet-action{margin-top:30px}.scene-structure{justify-content:flex-end;background:#292925ee}.scene-expression{background:linear-gradient(100deg,#0b1922,#2e4545d9)}
.journey-controls{display:none}.journey-progress{display:none}.is-enhanced .journey{height:calc(var(--vh)*7.2)}.is-enhanced .journey-stage{position:sticky;top:0;height:var(--vh);min-height:580px}.is-enhanced #depth-canvas{display:block}.is-enhanced .landscape{opacity:0}.is-enhanced .scene-art{display:block;position:absolute;inset:0;z-index:3;pointer-events:none}.is-enhanced .story-scene{opacity:0;position:absolute;inset:0;min-height:0;background:none;pointer-events:none;padding-top:100px;padding-bottom:120px;will-change:opacity,transform}.is-enhanced .story-scene .scene-copy{pointer-events:auto}.is-enhanced .story-scene[aria-hidden=true]{pointer-events:none}.is-enhanced .story-scene[aria-hidden=true] .scene-copy{pointer-events:none}.is-enhanced .scene-structure .scene-copy{width:40%;max-width:540px}.is-enhanced .story-scene .scene-copy>p{max-width:370px}.is-enhanced .journey-controls{display:flex;position:absolute;z-index:8;left:var(--gutter);right:var(--gutter);bottom:68px;align-items:center;justify-content:space-between;gap:24px}.chapters{display:flex;gap:30px}.chapters a{display:flex;align-items:center;gap:10px;min-height:40px;font-size:14px;color:#bcc5c5}.chapters a>span:first-child{font-size:11px;opacity:.7}.chapters a[aria-current]{color:var(--paper)}.chapters a[aria-current]::after{content:'';height:1px;width:30px;background:var(--brass)}.is-enhanced .journey-progress{display:block;position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff0b;z-index:9}.journey-progress span{display:block;width:100%;height:100%;background:var(--brass);transform-origin:left;transform:scaleX(0)}
.art-scene{position:absolute;width:480px;left:0;top:0;will-change:transform,opacity;transform-style:preserve-3d;transform-origin:center}.paper-sheet{background:linear-gradient(120deg,#f2e9d4,#d9c6a4);color:#322e28;padding:23px;border:1px solid #e0d1b5;border-radius:4px;box-shadow:2px 4px 0 #bbaa8a,6px 9px 0 #72664b55,24px 40px 60px #0006}.sheet-bar{height:42px;display:flex;align-items:center;gap:10px;font-size:22px;letter-spacing:-.04em}.sheet-bar img{object-fit:contain}.sheet-dots{font-size:9px;letter-spacing:3px;color:#9c7841;margin-right:7px}.sheet-landscape{width:100%;height:210px;object-fit:cover;border-radius:3px;margin-top:12px;border:1px solid #bca785}.sheet-bottom{display:grid;grid-template-columns:100px 1fr;gap:18px;padding-top:18px}.material-swatch{background:linear-gradient(70deg,#7c4a18 0,#d8b977 20%,#452912 45%,#c8a36a 46%,#eee0b0 55%,#7c5022);border-radius:2px;height:110px}.sheet-bottom strong{font-size:28px;font-weight:500;line-height:1.05;letter-spacing:-.03em;display:block;margin-top:8px}.sheet-bottom small{font-size:13px;line-height:1.4;display:block;margin-top:12px}.structure-sheet{color:#eee6d5;background:#252c28;border:1px solid #ffffff38;padding:22px;box-shadow:20px 25px 60px #0006}.structure-sheet .sheet-bar{font-size:17px}.structure-sheet>img{width:100%;height:270px;object-fit:cover}.structure-bottom{display:flex;align-items:center;justify-content:space-between;padding:22px 0 8px;gap:20px}.structure-bottom strong{font-size:36px;letter-spacing:-.06em;line-height:1}.structure-bottom span{font-size:12px;line-height:1.4;opacity:.7}.phone-sheet{position:absolute;width:145px;height:260px;background:#eee8d9;color:#242c26;bottom:-45px;right:-50px;border:6px solid #292d2c;border-radius:24px;box-shadow:15px 20px 50px #0006;overflow:hidden;padding:23px 9px 12px;transform:rotate(6deg)}.phone-slot{position:absolute;top:8px;left:42px;width:50px;height:5px;border-radius:10px;background:#232928}.phone-sheet>img{height:93px;width:100%;object-fit:cover;border-radius:5px}.phone-sheet b{font-size:23px;line-height:1.05;letter-spacing:-.04em;display:block;margin:15px 2px}.sample-button{font-size:9px;display:block;background:#3f4d3e;color:#fff;padding:9px 10px;border-radius:3px}.floating-note{position:absolute;left:-22px;top:-35px;transform:rotate(-5deg);padding:13px 18px;background:#d2b581;color:#211e1a;font-size:14px;box-shadow:3px 6px 18px #0003}.expression-sheet{position:relative;border-radius:180px 180px 8px 8px;overflow:hidden;width:460px;height:505px;box-shadow:20px 35px 70px #0006;border:1px solid #d2b58166}.expression-sheet>img{width:100%;height:100%;object-fit:cover;object-position:52% 50%}.expression-sheet>div{position:absolute;inset:0;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(transparent 40%,#061c26ed);color:#fff5dd}.expression-sheet strong{font-size:58px;letter-spacing:-.06em;font-weight:500}.expression-sheet span,.expression-sheet small{font-size:15px}.expression-label{position:absolute;bottom:-38px;left:-50px;background:#e4dcc9;color:#273a38;padding:15px 24px;display:flex;gap:20px;align-items:center;transform:rotate(-6deg);box-shadow:10px 14px 30px #0003}.expression-label>span:first-child{font-size:46px}.expression-label>span:last-child{font-size:14px;line-height:1.35}
.projects{position:relative;background:linear-gradient(#0b1922,#10262d);padding:110px 0 80px;overflow:clip}.section-heading{margin:0 var(--gutter) 60px;display:flex;align-items:flex-end;justify-content:space-between;gap:48px}.section-kicker{color:var(--brass);font-size:15px;margin-bottom:23px}.section-heading h2,.contact h2{font-size:clamp(42px,5.1vw,88px)}.section-heading>p{max-width:340px;color:#bdc8c9;font-size:17px}.project-gallery{touch-action:pan-y pinch-zoom;position:relative;outline-offset:-6px}.project-track{display:grid;gap:65px;padding:0 var(--gutter)}.project{min-width:0;position:relative}.project-visual{height:min(53vw,620px);position:relative;overflow:hidden;background:#26353c;border-radius:4px}.project-visual>img{height:100%;width:100%;object-fit:cover}.project-brovold .project-visual>img{object-position:center}.project-dance .project-visual>img{object-position:center}.project-image-title{position:absolute;left:6%;bottom:10%;font-size:clamp(42px,6vw,100px);font-weight:500;letter-spacing:-.06em;line-height:.98;color:#fff7e8;text-shadow:0 3px 25px #071720}.project-info{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-top:28px}.project-type{font-size:13px;color:var(--brass)}.project-info h3{font-size:32px;letter-spacing:-.035em;margin-top:5px}.project-info p{font-size:16px;color:#bdc8c9;max-width:500px;margin-top:10px}.project-link{display:flex;align-items:center;gap:30px;padding:16px 0;border-bottom:1px solid #a9babc77;flex-shrink:0;font-size:15px}.project-link>span[aria-hidden]{font-size:24px}.has-carousel .project-track{display:block;position:relative;padding:0;height:var(--gallery-height,700px);perspective:1400px;transform-style:preserve-3d}.has-carousel .project{position:absolute;top:0;left:50%;width:78%;max-width:1380px;transition:transform .65s cubic-bezier(.22,.7,.22,1),opacity .45s;transform-origin:center}.has-carousel .project:not(.is-current){pointer-events:none}.has-carousel .project:not(.is-current) .project-info{opacity:0}.has-carousel .project-visual{height:clamp(330px,42vw,560px)}.project-controls{display:flex;align-items:center;justify-content:space-between;margin:28px var(--gutter) 0}.project-counter{font-size:14px;color:#82969a;letter-spacing:.08em}.project-counter span{color:var(--paper);font-size:21px}.project-controls>div{display:flex;gap:12px}.round-button{display:grid;place-items:center;width:54px;height:54px;border:1px solid #9daaa866;border-radius:50%;background:transparent;color:var(--paper);font-size:25px;transition:background .2s,border-color .2s}.round-button:hover{background:#e3d4b81c;border-color:var(--brass)}
.contact{padding:150px var(--gutter) 130px;display:grid;grid-template-columns:1fr 1fr;gap:10%;background:radial-gradient(ellipse at 0 100%,#20383b,transparent 65%),#10262d}.contact-intro>p:not(.section-kicker){font-size:18px;max-width:390px;color:#c7d0cd;margin-top:32px}.contact-intro .contact-person{font-size:15px!important;color:#a1b1af!important;margin-top:44px!important}.contact-form{padding-top:9px;max-width:530px}.form-note{font-size:14px;color:#b8c4c4;margin-bottom:34px}.contact-form label{font-size:15px;display:block;margin-bottom:12px}.contact-form textarea,.contact-form input{width:100%;color:var(--paper);background:#071a2022;border:0;border-bottom:1px solid #92aaa88c;border-radius:0;padding:13px 10px;font-size:17px;resize:vertical}.contact-form textarea{min-height:130px;max-height:450px}.contact-form textarea::placeholder{color:#8fa3a5}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0 34px}.contact-result{padding:28px;background:#e7dfcc;color:#142b31;margin-top:32px}.contact-result h3{font-size:25px;letter-spacing:-.025em}.contact-result p{font-size:15px;margin-top:16px;overflow-wrap:anywhere;white-space:pre-wrap}.contact-result .quiet-action{margin-top:12px}footer{padding:40px var(--gutter) 90px;background:#10262d;border-top:1px solid #acb9b52b;display:flex;justify-content:space-between;gap:30px;align-items:center}footer .brand{font-size:23px}footer .brand img{width:40px}footer p,footer nav,.back-top{font-size:13px;line-height:1.7;color:#b3c0bd}footer nav{display:flex;flex-direction:column;gap:6px}.experience-options{position:fixed;z-index:40;bottom:15px;left:var(--gutter);display:flex;gap:8px}.experience-options button{display:flex;align-items:center;justify-content:center;gap:10px;color:#d6d8cb;background:#0b1922bd;border:1px solid #b4b5a92b;border-radius:30px;min-height:38px;padding:8px 13px;font-size:12px;backdrop-filter:blur(12px)}.experience-options button[aria-pressed=true]{border-color:#c8a36a;color:#edce9d}.sound-bars{height:15px;display:flex;gap:3px;align-items:center}.sound-bars i{display:block;width:2px;height:4px;background:currentColor}.sound-bars i:nth-child(2){height:10px}.sound-bars i:nth-child(3){height:7px}.sound-bars.is-playing i{animation:sound 1s ease-in-out infinite alternate}.sound-bars.is-playing i:nth-child(2){animation-delay:-.3s}.sound-bars.is-playing i:nth-child(3){animation-delay:-.7s}@keyframes sound{to{height:15px}}
@media(hover:hover){.site-header nav a:hover,.quiet-action:hover,.project-link:hover{color:#e8c58b}.brand:hover{color:#f9eddb}}
@media(min-width:1001px){.scene-copy{max-width:650px;width:46%}.scene-copy h1{font-size:clamp(64px,5.6vw,108px)}}
@media(min-width:1800px){.scene-copy{max-width:700px}.is-enhanced .story-scene .scene-copy>p{max-width:440px;font-size:20px}.scene-actions{margin-top:42px}.section-heading{margin-bottom:80px}}
@media(max-width:1000px){.site-header nav{gap:22px}.scene-copy{max-width:46%}.scene-copy>p{font-size:16px}.scene-copy h1{font-size:clamp(48px,6.6vw,75px)}.scene-copy h2{font-size:clamp(47px,6vw,72px)}.scene-actions{gap:15px}.scene-actions .quiet-action{font-size:13px}.scene-structure .scene-copy{max-width:44%}.section-heading{align-items:flex-start;gap:25px}.section-heading>p{max-width:280px;font-size:15px}.contact{gap:6%}.project-info p{max-width:380px}.project-info h3{font-size:28px}}
@media(max-width:760px){:root{--gutter:24px}.site-header{height:80px;gap:20px}.brand{font-size:24px;gap:8px}.brand img{width:37px;height:30px}.site-header nav{gap:22px;font-size:13px}.site-header nav>a:first-child{display:none}.nav-contact span{margin-left:5px;font-size:17px}.story-scene{padding:125px var(--gutter) 70px;min-height:85svh;align-items:flex-start}.scene-copy,.scene-structure .scene-copy{max-width:100%;width:100%}.scene-copy h1{font-size:clamp(44px,11.9vw,72px);line-height:1.01}.scene-copy h2{font-size:clamp(43px,11.6vw,70px)}.scene-copy>p{max-width:330px!important;font-size:16px!important;margin-top:22px;line-height:1.55}.scene-copy .supporting-copy{font-size:14px!important;margin-top:12px;max-width:290px!important}.scene-actions{margin-top:25px;gap:15px}.primary-action{font-size:14px;min-height:48px;padding:11px 16px 11px 18px;gap:18px}.quiet-action{font-size:13px;min-height:45px;gap:10px}.scene-copy>.primary-action,.scene-copy>.quiet-action{margin-top:20px}.is-enhanced .journey-stage{min-height:650px}.is-enhanced .story-scene{padding:110px var(--gutter) 0;align-items:flex-start;justify-content:flex-start}.is-enhanced .scene-structure .scene-copy{width:100%;max-width:100%}.is-enhanced .scene-copy>p{max-width:300px!important}.is-enhanced .scene-copy h1{max-width:340px}.is-enhanced .story-scene .supporting-copy{display:none}.is-enhanced .journey-controls{bottom:68px;justify-content:center}.chapters{gap:24px}.chapters a{font-size:12px;gap:7px}.chapters a[aria-current]::after{width:17px}.art-scene{width:300px}.paper-sheet{padding:14px}.sheet-bar{height:25px;font-size:15px;gap:6px}.sheet-bar img{width:25px;height:18px}.sheet-dots{font-size:6px;letter-spacing:2px}.sheet-landscape{height:128px;margin-top:10px}.sheet-bottom{grid-template-columns:65px 1fr;gap:12px;padding-top:12px}.material-swatch{height:76px}.sheet-bottom strong{font-size:19px;margin-top:2px}.sheet-bottom small{font-size:9px;margin-top:7px}.structure-sheet{padding:14px}.structure-sheet .sheet-bar{font-size:12px}.structure-sheet>img{height:170px}.structure-bottom{padding-top:14px}.structure-bottom strong{font-size:26px}.structure-bottom span{font-size:9px}.phone-sheet{width:94px;height:175px;border-width:4px;right:-22px;bottom:-25px;border-radius:17px;padding:16px 6px 8px}.phone-slot{left:27px;width:32px;top:5px;height:4px}.phone-sheet>img{height:62px}.phone-sheet b{font-size:16px;margin:10px 2px}.sample-button{font-size:6px;padding:6px}.floating-note{font-size:10px;padding:9px 11px;top:-23px;left:-8px}.expression-sheet{width:300px;height:310px;border-radius:100px 100px 5px 5px}.expression-sheet>div{padding:22px}.expression-sheet strong{font-size:39px}.expression-sheet span,.expression-sheet small{font-size:11px}.expression-label{left:-10px;bottom:-22px;padding:9px 15px;gap:13px}.expression-label>span:first-child{font-size:30px}.expression-label>span:last-child{font-size:10px}.section-heading{display:block;margin-bottom:35px}.section-heading h2,.contact h2{font-size:45px}.section-heading>p{margin-top:23px;max-width:310px;font-size:16px}.section-kicker{font-size:13px;margin-bottom:17px}.projects{padding-top:80px;padding-bottom:55px}.has-carousel .project{width:86%}.has-carousel .project-visual{height:310px}.project-info{display:block;padding-top:21px}.project-info h3{font-size:27px}.project-info p{font-size:15px;margin-top:8px}.project-type{font-size:12px}.project-link{display:inline-flex;font-size:14px;padding:12px 0;margin-top:8px}.project-image-title{font-size:48px}.project-controls{margin-top:20px}.round-button{width:50px;height:50px}.contact{display:block;padding-top:60px;padding-bottom:70px}.contact-intro>p:not(.section-kicker){font-size:17px;margin-top:23px}.contact-intro .contact-person{margin-top:23px!important;font-size:14px!important}.contact-form{margin-top:45px}.form-note{margin-bottom:24px}.field-row{gap:20px}.contact-form label{font-size:14px}footer{align-items:flex-start;flex-wrap:wrap;padding-bottom:90px;gap:30px}footer .brand{width:100%}footer nav{font-size:12px}.back-top{width:100%}.experience-options{left:24px;bottom:13px}.experience-options button{min-height:36px;font-size:11px;padding:8px 11px}.light-veil{background:linear-gradient(0deg,#0b1922c7 0%,transparent 25%,#0b192260 50%,#0b1922b3 100%)}
}
@media(max-width:380px){:root{--gutter:20px}.site-header nav{gap:14px}.site-header .brand{font-size:21px}.site-header .brand img{width:32px}.nav-contact span{display:none}.scene-copy h1{font-size:44px}.scene-copy h2{font-size:43px}.scene-copy>p{font-size:15px!important;max-width:280px!important}.scene-actions{gap:12px}.scene-actions .quiet-action{font-size:12px}.chapters{gap:18px}.field-row{grid-template-columns:1fr}.has-carousel .project-visual{height:280px}}
@media(max-height:720px) and (min-width:761px){.scene-copy h1{font-size:clamp(48px,5.4vw,83px)}.scene-copy h2{font-size:clamp(45px,5.2vw,78px)}.scene-copy>p{margin-top:20px;font-size:16px}.scene-actions{margin-top:22px}.site-header{height:80px}.is-enhanced .journey-controls{bottom:55px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html.is-still .project{transition:none!important}

@media(max-width:760px){.site-header nav{gap:16px}.nav-contact span{display:none}.site-header .brand{font-size:23px}.is-enhanced .scene-copy h1{font-size:clamp(40px,10.8vw,58px)}}
.fallback-sculpture{position:absolute;z-index:-1;top:12%;right:0;width:50%;height:88%;object-fit:contain;opacity:.7}.is-enhanced .fallback-sculpture{display:none}
.contact-result .quiet-action:hover{color:#3a4936}.contact-result :focus-visible{outline-color:#18382f}.is-below-journey .site-header{background:#0b1922ed;backdrop-filter:blur(12px)}
.is-preparing #depth-canvas,.is-preparing .scene-art{display:none}.is-preparing .landscape{opacity:1}.is-preparing[data-initial-scene="0"] [data-scene="0"],.is-preparing[data-initial-scene="1"] [data-scene="1"],.is-preparing[data-initial-scene="2"] [data-scene="2"]{opacity:1}
@media(max-width:760px){html:not(.is-enhanced) .fallback-sculpture{opacity:.24}}
.is-preparing:not([data-initial-scene="0"]) .landscape{opacity:0}.is-preparing[data-initial-scene="1"] .journey-stage{background:#242822}.is-preparing[data-initial-scene="2"] .journey-stage{background:#102b34}
/* r05: kortere reise, original materialbevegelse og prosjekter i tredje rom */
.is-enhanced .journey{height:calc(var(--vh)*4.4)}
.hero-material{z-index:1}
.scene-opening{background:transparent}
.is-enhanced .scene-projects{display:block;padding:100px 0 100px;pointer-events:auto;transform-origin:center 60%}
.is-enhanced .scene-projects[aria-hidden=true]{pointer-events:none}
.scene-projects .section-heading{margin-bottom:24px}
.scene-projects .section-heading h2{font-size:clamp(38px,4.2vw,70px)}
.scene-projects .section-kicker{margin-bottom:12px;font-size:13px}
.scene-projects .section-heading>p{font-size:15px;max-width:300px}
.is-enhanced .scene-projects .project-visual{height:clamp(210px,42vh,470px)}
.is-enhanced .scene-projects .has-carousel{min-height:0}
.scene-projects .project-info{padding-top:17px}
.scene-projects .project-info h3{font-size:clamp(24px,2.2vw,38px)}
.scene-projects .project-info p{font-size:14px;max-width:510px;margin-top:5px}
.scene-projects .project-type{font-size:12px}
.scene-projects .project-controls{margin-top:18px}
.scene-projects .round-button{width:auto;min-width:94px;height:44px}
.scene-projects .project-link{white-space:nowrap}
.project-festival .project-visual img{object-fit:contain;background:#0c0e11}
.is-enhanced .journey-controls{bottom:64px}
.chapters{gap:9px}.chapters a[aria-current]::after{display:none}
.chapters .glass-label{display:flex;align-items:center;gap:8px}
.site-header nav{gap:10px}.site-header nav a{padding:10px 17px}
.nav-contact{border-bottom:0}.nav-contact span{margin:0}
.experience-options{bottom:13px}.experience-options .glass-label{display:flex;align-items:center;gap:9px}
.testimonials{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:8vw;padding:140px var(--gutter) 150px;background:radial-gradient(ellipse at 85% 35%,#39535844,transparent 62%),#10262d;color:var(--paper);min-height:80svh}
.testimonials-intro h2{font-size:clamp(42px,5vw,84px)}
.testimonials-intro>p:last-child{font-size:18px;color:#c9d0cb;max-width:340px;margin-top:28px}
.testimonial-stage{height:390px;position:relative;max-width:570px;margin:0 20px}
.testimonial-paper{position:absolute;inset:0;border:1px solid #e9d7b066;border-radius:20px;background:#263a3d}
.paper-back{transform:rotate(-8deg) translate(-10px,10px);background:#29434a}
.paper-middle{transform:rotate(5deg) translate(10px,-6px);background:#405657}
.paper-front{padding:35px 42px;background:linear-gradient(125deg,#f4ebd9,#ded1b7);color:#20312f;box-shadow:0 30px 70px #0004}
.quote-mark{font-family:Georgia,serif;font-size:100px;line-height:.8;color:#9b7540;display:block}
.review-pending-title{font-size:clamp(23px,2.3vw,35px);line-height:1.2;letter-spacing:-.035em;margin-top:8px}
.paper-front>p:not(.review-pending-title){font-size:16px;line-height:1.5;margin-top:22px;color:#50605a}
.review-signature{display:flex;align-items:center;gap:13px;margin-top:36px;font-size:17px;font-weight:600}
.contact{border-top:1px solid #d8c8ad}
html:not(.is-enhanced) .scene-projects{display:block;padding:90px 0;min-height:0}
html:not(.is-enhanced) .hero-material{height:100svh;max-height:1000px;opacity:.7}
html:not(.is-enhanced) .journey-stage>.scene-art{display:none}
@media(max-width:760px){
 .site-header{height:90px;gap:14px}.site-header nav{gap:7px}.site-header nav a{font-size:12px;padding:9px 13px}.nav-feedback{display:none}.site-header .brand{font-size:22px;gap:8px}.site-header .brand img{width:33px}
 .is-enhanced .scene-projects{padding:103px 0 108px}
 .scene-projects .section-heading{display:block;margin:0 var(--gutter) 20px}.scene-projects .section-heading h2{font-size:37px;max-width:330px}.scene-projects .section-heading>p{display:none}.scene-projects .section-kicker{margin-bottom:12px;font-size:12px}
 .is-enhanced .scene-projects .project-visual{height:clamp(195px,30vh,290px)}
 .scene-projects .project-info{display:block;padding-top:15px}.scene-projects .project-info h3{font-size:25px}.scene-projects .project-info p{font-size:13px;line-height:1.45;max-width:300px}.scene-projects .project-link{font-size:13px;margin-top:10px;padding:10px 15px}.scene-projects .project-controls{margin-top:13px}.scene-projects .round-button{min-width:83px;height:40px}
 .is-enhanced .journey-controls{bottom:61px;gap:0}.chapters{gap:7px}.chapters a{font-size:12px;min-height:36px}
 .testimonials{display:block;padding:85px var(--gutter) 100px;min-height:0}.testimonials-intro h2{font-size:45px}.testimonials-intro>p:last-child{font-size:16px;margin-top:22px;max-width:290px}.testimonial-stage{height:335px;margin:62px 9px 0}.paper-front{padding:30px 25px}.quote-mark{font-size:85px}.review-pending-title{font-size:25px}.paper-front>p:not(.review-pending-title){font-size:15px}.review-signature{margin-top:28px}
 html:not(.is-enhanced) .hero-material{opacity:.43}
}
@media(max-height:760px) and (min-width:761px){.is-enhanced .scene-projects{padding-top:84px}.scene-projects .section-heading{margin-bottom:17px}.scene-projects .section-heading h2{font-size:42px}.scene-projects .section-kicker{margin-bottom:5px}.is-enhanced .scene-projects .project-visual{height:33vh}.scene-projects .project-info{padding-top:12px}.scene-projects .project-info p{font-size:13px}.scene-projects .project-controls{margin-top:10px}}

.is-preparing:not([data-initial-scene="0"]) .hero-material{visibility:hidden}
@media(max-width:760px) and (max-height:740px){
 .is-enhanced .scene-projects{padding-top:96px}
 .scene-projects .section-heading{margin-bottom:14px}
 .scene-projects .section-heading h2{font-size:30px}
 .is-enhanced .scene-projects .project-visual{height:clamp(135px,22vh,180px)}
 .scene-projects .project-info p{display:none}
 .scene-projects .project-info{padding-top:12px}
 .scene-projects .project-info h3{font-size:23px}
 .scene-projects .project-controls{margin-top:12px}
}
/* r07: semantic playback control remains readable over every scene. */
.experience-options #music-toggle{min-height:48px;min-width:166px;padding:7px 15px 7px 8px;font-size:13px;color:#fff7e5;border-color:#d4b78080;background:#10262def}
.music-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e6c58d;color:#10262d;flex:none}
.music-icon svg{display:block;width:22px;height:22px;fill:currentColor}
.music-icon .music-icon-pause{display:none}
#music-toggle[data-state=playing] .music-icon-play,#music-toggle[data-state=pending] .music-icon-play{display:none}
#music-toggle[data-state=playing] .music-icon-pause,#music-toggle[data-state=pending] .music-icon-pause{display:block}
@media(max-width:760px){.experience-options #music-toggle{min-width:155px;font-size:12px}.experience-options{gap:7px}.experience-options #motion-toggle{padding:8px 11px}}

/* The next section follows the visible scene, independently of chapter controls. */
.journey-hint{position:fixed;z-index:35;right:var(--gutter);bottom:30px;margin:0;font-size:13px;line-height:1.4;color:#eee9dc;text-shadow:0 1px 5px #071a22;pointer-events:none}
.journey-hint[hidden]{display:none}
.journey-hint span{margin-right:8px;color:#d5d4ca}
.journey-hint strong{font-weight:600}
@media(max-width:760px){.journey-hint{right:24px;top:72px;bottom:auto;font-size:12px}}