/* ==== webfolio/experience-v6.css ==== */
@font-face{font-family:Webfolio;src:url('/assets/raleway.woff2') format('woff2'),url('/assets/raleway.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--paper:#fff0dd;--muted:#d4b4c7;--sky:#21112d;--accent:#ffc890}*{box-sizing:border-box}html{scroll-behavior:smooth;}body{margin:0;background:var(--sky);color:var(--paper);font-family:Webfolio,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #fff0dd;outline-offset:6px}img{max-width:100%}.skip-link{position:fixed;top:10px;left:10px;z-index:20;background:#24122f;padding:15px;transform:translateY(-160%)}.skip-link:focus{transform:none}.extra-nav{top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;margin:0 auto;font-size:12px}.extra-brand{font-size:25px;font-weight:600;gap:15px}.extra-nav nav{display:flex;}.extra-nav nav a{padding:10px 5px;}.extra-nav nav a:hover{border-color:var(--accent);color:var(--accent)}.extra-tools{display:flex;align-items:center;font-size:10px}.return-link{color:#eed3df}.hero{height:145svh;min-height:950px;position:relative}.hero-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#e71830;isolation:isolate}.scene{position:absolute;pointer-events:none;overflow:hidden}.sky{position:absolute;inset:0;background:url('/assets/webfolio/sky.svg?layout=fluid') center/100% 100% no-repeat}.scene-object{position:absolute;pointer-events:none;max-width:none;transform:translate(var(--px,0px),var(--py,0px));will-change:transform}.city-close{width:14%;left:6%;bottom:15%}.scene-figure{width:9.2%;left:22%;bottom:13%}.scene-grain{position:absolute;inset:0;background:url('/assets/webfolio/paper-grain.webp') center/cover;opacity:.78;pointer-events:none}.hero-caption{position:absolute;text-align:right;max-width:470px}.hero-caption p{line-height:1.8;margin:0 0 12px}.hero-caption h1{font-weight:300;font-size:clamp(35px,4.3vw,68px);line-height:1.1;letter-spacing:-.035em;margin:0;color:#fff0ed}.hero-signature{position:absolute;left:50%;translate:-50% 0;display:flex;align-items:center;gap:20px;white-space:nowrap;}.hero-scroll{position:absolute;bottom:8%;left:5%;border-bottom:1px solid #ffe1ca66;padding-bottom:12px;}.hero-scroll span{padding-left:20px}.hero-note{position:absolute;bottom:7%;right:5%;line-height:1.8;text-align:right;color:#ffe0ca;}.gallery{position:relative;padding:110px 5% 140px;overflow:hidden}.gallery:before,.idea:before{content:'';position:absolute;inset:0;pointer-events:none;background:url('/assets/webfolio/paper-grain.webp') center/1000px auto;opacity:.17}.gallery-heading,.gallery-grid,.idea-copy,.extra-contact>*{position:relative;}.gallery-heading{max-width:1320px;margin:0 auto 65px;display:flex;justify-content:space-between;align-items:end;gap:50px}.eyebrow{line-height:1.8;letter-spacing:.16em;color:#e1b7c4;margin:0 0 20px}.gallery-heading h2,.idea h2,.extra-contact h2{font-size:clamp(38px,5vw,68px);font-weight:300;line-height:1.12;letter-spacing:-.045em;margin:0;color:#fff1e4}.gallery-heading>p{line-height:1.9;color:#ecc6d5;max-width:380px;margin:0 0 8px}.gallery-grid{max-width:1320px;margin:0 auto;display:grid;align-items:start;padding:30px 0 55px}.gallery-card{min-width:0;transform:translateY(var(--drift,0px));will-change:transform}.gallery-image{position:relative;display:block;width:100%;padding:0;cursor:zoom-in;overflow:hidden;text-align:left;box-shadow:0 16px 45px #08051150}.gallery-image img{display:block;width:100%;transition:transform .65s ease,filter .35s}.gallery-image:hover img{transform:scale(1.025);filter:brightness(1.06)}.view-label{position:absolute;bottom:14px;left:14px;background:#1c102bec;color:#fff1df;padding:8px 12px;opacity:0;transition:opacity .2s}.gallery-image:hover .view-label,.gallery-image:focus-visible .view-label{opacity:1}.gallery-meta{padding:18px 0 0}.gallery-meta>p{line-height:1.7;letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px}.gallery-meta h3{font-weight:400;font-size:21px;line-height:1.35;letter-spacing:-.025em;margin:0 0 15px;color:#f4e4df}.gallery-meta>a{color:#e5b9c5;border-bottom:1px solid #916d8844;padding-bottom:4px}.idea{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;max-width:1320px;margin:0 auto;padding:90px 5% 140px}.idea-copy p:not(.eyebrow){font-size:14px;line-height:1.95;color:#c8abc4;margin:25px 0}.idea-copy>a{font-size:12px;border-bottom:1px solid #926682;padding-bottom:8px}.idea-orbit{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center}.idea-orbit img{width:65%;max-width:360px;z-index:1;transform:translateY(var(--drift,0px))}.orbit-line{position:absolute;border:1px solid #d798ab3d;border-radius:50%;rotate:-24deg}.extra-contact{position:relative;text-align:center;padding:100px 5% 120px;background:linear-gradient(#21112d,#5b1d3b)}.extra-contact h2{margin-bottom:40px}.extra-contact>div{display:flex;justify-content:center;align-items:center;gap:35px;font-size:12px;flex-wrap:wrap}.contact-primary{padding:17px 30px;border:1px solid #d7a4b7;border-radius:2px;background:#d7a4b710}footer{padding:30px 5%;display:flex;gap:30px;align-items:center;font-size:10px;line-height:1.8;color:#cfadc2;background:#20102a}footer>p{margin:0 auto 0 0;}.art-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:22px 32px;border:0;background:#110a1a;color:#f5e4df;overflow:hidden}.art-viewer::backdrop{background:#110a1a}.art-viewer[open]{display:flex;flex-direction:column}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;flex:none}.viewer-title{line-height:1.5;margin:0}.viewer-close,.viewer-previous,.viewer-next{border:1px solid #ad809657;background:transparent;color:#f5e4df;cursor:pointer;font-size:12px}.viewer-stage{flex:1;align-items:center;justify-content:space-between;}.viewer-image{display:block;max-height:100%;object-fit:contain}.viewer-counter{font-size:11px;text-align:center;margin:0;flex:none}.motion-off .scene-object,.motion-off .drift{will-change:auto}.motion-off .scene-object{transform:none!important}.motion-off .drift{transform:none!important}
.idea{overflow:hidden}
@media(min-aspect-ratio:2/1){.scene-figure{width:8%}}
@media(max-width:1100px){.hero-note{display:none}.hero-signature{gap:12px}.idea{gap:30px}}
@media(max-width:760px){.extra-nav{flex-wrap:wrap;}.extra-nav nav{order:3;justify-content:space-between;width:100%;font-size:11px}.extra-tools{margin-left:auto}.hero{height:120svh;}.city-close{width:39%;left:-12%;bottom:18%}.scene-figure{width:26%;left:26%;bottom:16%}.gallery{padding:80px 5% 70px}.gallery-heading{display:block;margin-bottom:40px}.gallery-heading>p{margin-top:25px}.idea{grid-template-columns:1fr;padding:20px 5% 80px;gap:20px}.idea-orbit{min-height:280px;max-width:350px;margin:auto;width:100%}.idea-orbit img{max-width:240px}.extra-contact{padding:75px 5% 85px}.extra-contact>div{gap:25px}footer{flex-wrap:wrap;gap:20px}footer>p{width:100%}.viewer-previous,.viewer-next{font-size:12px}}
@media(max-width:520px){.gallery-grid{padding-top:0}.extra-contact h2,.gallery-heading h2,.idea h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.scene-object,.drift{will-change:auto!important}.gallery-image img,.view-label{transition:none!important}}

/* Keep navigation text legible over the moving, textured illustration. */
.hero-stage:after{content:"";position:absolute;left:0;right:0;bottom:0;pointer-events:none;}.hero-caption p{display:inline-block;background:#30132f94;padding:7px 9px;color:#fff;border-radius:2px}.gallery{background:linear-gradient(#501e2a 0,#4f1735 160px,#28112d 410px,#170e24 100%)}

/* Keep the complete artwork and make controls usable through the whole journey. */
html{scroll-padding-top:100px}.extra-nav{position:fixed;width:100%;max-width:none;min-height:76px;background:linear-gradient(#21112dda,#21112d70);backdrop-filter:blur(12px);border-bottom:1px solid #fff1;transition:background .2s}.extra-nav.is-scrolled{background:#21112df2}.extra-nav a{min-height:44px;display:inline-flex;align-items:center}.extra-nav nav a[aria-current]{color:#ffdfb2;border-color:#ffdfb2}.hero-caption{right:8%}.hero-caption h1{text-shadow:0 2px 20px #29122f88}.hero-caption p{letter-spacing:.12em}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:85px 60px;padding-bottom:75px}.gallery-card:nth-child(n){margin-top:0}.gallery-card:nth-child(2n){margin-top:90px}.gallery-image{background:#1b1124;border:1px solid #e5bed028}.gallery-image img,.gallery-card:nth-child(4n+1) .gallery-image img{object-fit:contain}.gallery-meta>p{color:#d7b5cd}.gallery-meta>a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}.view-label{min-height:32px;display:flex;align-items:center}.idea-copy>a,footer>a{display:inline-flex;align-items:center;min-height:44px}.extra-contact a{min-height:44px;display:inline-flex;align-items:center}.art-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}.viewer-toolbar{min-width:0}.viewer-title{font-size:16px}.viewer-stage{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:20px;min-height:0;padding:10px 0}.viewer-image{place-self:center;max-width:100%;width:auto;height:auto;max-height:calc(100dvh - 180px)}.viewer-close,.viewer-previous,.viewer-next{min-width:44px;min-height:44px;padding:10px}.viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;min-height:44px}.viewer-project{font-size:12px;display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid #ad809657}.viewer-hint{color:#d7b5cd;margin:0}.viewer-counter{color:#d7b5cd}.motion-off .gallery-image img{transition:none}.motion-off .gallery-image:hover img{transform:none}body.motion-off{scroll-behavior:auto}.scene-object{backface-visibility:hidden}
@media(max-width:1100px){.extra-nav{width:100%;padding-inline:20px;}.gallery-grid{gap:65px 32px}}
@media(max-width:760px){html{scroll-padding-top:130px}.extra-nav nav a{flex:1}.extra-brand{font-size:23px}.hero{height:120svh;min-height:0}.hero-stage{height:100svh;}.gallery-grid{gap:50px 24px}.gallery-card:nth-child(2n){margin-top:55px}.gallery-meta h3{font-size:20px}.viewer-stage{gap:10px}.viewer-image{max-width:100%;max-height:calc(100dvh - 210px)}.viewer-hint{display:none}.viewer-title{font-size:13px}.art-viewer{padding:15px}.viewer-footer{gap:8px}}
@media(max-width:520px){.gallery-grid{grid-template-columns:1fr;gap:45px}.gallery-card:nth-child(n){margin-top:0}.gallery-meta h3{font-size:22px}.gallery{padding-top:65px}.view-label{position:static;opacity:1;width:100%;justify-content:space-between;background:#25152d;padding:10px 14px}.hero-signature{gap:10px}}
@media(max-height:560px) and (min-width:600px){.hero{height:145svh;min-height:0}.hero-stage{height:100svh;}.extra-nav{min-height:58px;padding-block:4px;flex-wrap:nowrap}.extra-nav nav{order:0;width:auto;}.hero-caption{right:7%}.hero-caption h1{font-size:38px}.hero-note{display:none}.hero-scroll{left:5%;translate:0;bottom:6%}.viewer-image{max-height:calc(100dvh - 140px)}.viewer-footer{min-height:32px}.viewer-project{min-height:32px}.viewer-hint{display:none}.art-viewer{padding:10px 20px;gap:4px}}
@media(prefers-reduced-motion:reduce){.extra-nav{transition:none}}

@media(max-width:760px){.viewer-stage{grid-template-columns:minmax(0,1fr)}.viewer-previous,.viewer-next{position:absolute;bottom:18px}.viewer-previous{left:15px}.viewer-next{right:15px}.viewer-footer{justify-content:center;padding-bottom:48px}.viewer-counter{position:absolute;bottom:30px;left:50%;translate:-50% 0}.viewer-image{max-height:calc(100dvh - 240px)}}

@media(min-width:761px) and (max-aspect-ratio:1/1){.city-close{width:29%;left:-4%;bottom:16%}.scene-figure{width:20%;left:25%;bottom:14%}}

/* One viewport-anchored paper surface; project artwork stays above this layer. */
body:after{content:'';position:fixed;inset:0;z-index:1;pointer-events:none;background-image:url('/assets/webfolio/grain-v2-2200.webp');background-image:image-set(url('/assets/webfolio/grain-v2-2200.webp') 1x,url('/assets/webfolio/grain-v2-full.webp') 2x);background-size:cover;background-position:50% 50%;background-repeat:no-repeat;opacity:.38}
.scene-grain,.gallery:before,.idea:before{display:none}.gallery-heading,.gallery-grid,.idea-copy,.extra-contact>*{z-index:2}footer{z-index:2}.extra-nav{z-index:10}.art-viewer{z-index:30}
/* Fog has enough overscan for the entire bounded motion range. */
.scene{inset:-40px}.haze-back,.haze-front{left:-8%;width:116%;bottom:-120px;height:calc(48% + 160px);object-fit:fill}.haze-front{height:calc(42% + 160px)}
.scene-figure{mask-image:linear-gradient(#000 0 78%,transparent 100%)}
.hero-stage:after{height:160px;background:linear-gradient(transparent,#501e2a);z-index:1}.hero-signature,.hero-scroll,.hero-note{z-index:2}.extra-tools{gap:0}.hero{height:145svh}.hero-stage{height:100svh;min-height:0}
@media(max-width:760px){body:after{background-image:url('/assets/webfolio/grain-v2-2200.webp')}.scene{inset:-24px}.hero{height:135svh}.extra-nav{padding-block:8px}.haze-back{height:calc(43% + 150px)}.haze-front{height:calc(36% + 150px)}.hero-caption{top:25%;left:7%;right:auto;max-width:220px;text-align:left}.hero-caption h1{font-size:clamp(32px,8.7vw,38px)}.hero-stage:after{height:130px}}
@media(min-aspect-ratio:21/9){.city-close{width:11%;bottom:12%}.scene-figure{width:7%;left:23%;bottom:11%}.hero-caption{top:24%}}
/* Compact landscape composition also covers older, narrower phones. */
@media(min-width:480px) and (max-height:560px) and (min-aspect-ratio:3/2){.hero{height:145svh}.scene{inset:-24px}.extra-nav{min-height:58px;flex-wrap:nowrap}.extra-nav nav{order:0;width:auto;}.hero-stage:after{height:100px}.hero-caption{top:24%;left:auto;right:7%;max-width:220px;text-align:right}.hero-caption h1{font-size:32px}.city-close{width:14%;left:6%;bottom:15%}.scene-figure{width:9.2%;left:22%;bottom:13%}.hero-scroll{left:5%;translate:0;bottom:6%}.hero-note{display:none}}
.motion-off .hero{height:100svh}@media(prefers-reduced-motion:reduce){.scene-object,.drift{transform:none!important}.hero{height:100svh}}

.extra-nav nav a{white-space:nowrap}

/* Buildings dissolve before their flat bases can become visible above the fog. */

/* A circular white satellite follows an elliptical plane around the orange sun. */
.sun-orange{aspect-ratio:1;overflow:visible}.moon-plane{position:absolute;inset:-25%;transform:rotate(-20deg) scaleY(.5);pointer-events:none}.moon-plane:before{content:'';position:absolute;inset:0;border:1px solid #fff8e51c;border-radius:50%}.moon-track{position:absolute;inset:0;animation:moon-orbit 32s linear infinite;}.white-moon{position:absolute;left:-6%;top:44%;width:12%;height:12%;border-radius:50%;background:#fff9ef;box-shadow:0 0 8px #fff2dc20;transform:scaleY(2);animation:moon-counter 32s linear infinite;}.orbit-visible .moon-track,.orbit-visible .white-moon{animation-play-state:running}
@keyframes moon-orbit{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes moon-counter{from{transform:rotate(0) scaleY(2)}to{transform:rotate(-360deg) scaleY(2)}}
.motion-off .moon-track,.motion-off .white-moon{animation:none!important}@media(prefers-reduced-motion:reduce){.moon-track,.white-moon{animation:none!important}}
.solar-hover{position:relative;width:100%;animation:solar-float 12s ease-in-out infinite;}.solar-hover>img{display:block;width:100%;max-width:none;height:auto}.sun-white .solar-hover{animation-duration:17s;animation-delay:-5s}.sun-sand .solar-hover{animation-duration:13s;animation-delay:-7s}.sun-desert .solar-hover{animation-duration:15s;animation-delay:-3s}.scene-awake .solar-hover{animation-play-state:running}@keyframes solar-float{0%,100%{transform:translateY(-3px)}50%{transform:translateY(5px)}}
.hero-signature{padding:4px 8px;overflow:visible;transition:opacity .3s}.hero-signature img{object-fit:contain;max-width:none;flex:none}
.extra-nav nav a{position:relative;border-bottom:0;justify-content:center}.extra-nav nav a:after{content:'';position:absolute;bottom:4px;left:50%;width:100%;height:1px;background:#fff5;transform:translateX(-50%) scaleX(.45);transition:transform .35s ease,background .35s}.extra-nav nav a:hover:after,.extra-nav nav a:focus-visible:after{transform:translateX(-50%) scaleX(1);background:var(--accent)}.extra-nav nav a[aria-current]:after{background:#ffdfb2}
.sky{filter:hue-rotate(var(--grade-hue,0deg)) saturate(var(--grade-saturation,1))}.scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,50%),#ffd29c0d,transparent 60%);opacity:var(--grade-light,0)}
.idea-orbit .orbit-line{width:86%;height:auto;aspect-ratio:1;rotate:0;transform:rotate(-24deg) scaleY(.6);overflow:visible}.idea-satellite-track{position:absolute;inset:0;animation:idea-orbit 38s linear infinite;animation-play-state:paused}.idea-satellite{position:absolute;left:-8px;top:calc(50% - 8px);width:16px;height:16px;background:#fff9ef;border-radius:50%;box-shadow:0 0 12px #fff6e226;animation:idea-counter 38s linear infinite;animation-play-state:paused}@keyframes idea-orbit{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes idea-counter{from{transform:rotate(0) scaleY(1.6667)}to{transform:rotate(-360deg) scaleY(1.6667)}}
.motion-off .solar-hover,.motion-off .hero-signature,.motion-off .idea-satellite-track,.motion-off .idea-satellite{animation:none!important}.motion-off .idea-satellite{transform:scaleY(1.6667)}.motion-off .sky{filter:none}@media(prefers-reduced-motion:reduce){.solar-hover,.hero-signature,.idea-satellite-track,.idea-satellite{animation:none!important}.idea-satellite{transform:scaleY(1.6667)}.extra-nav nav a:after{transition:none}}
.gallery-image img,.gallery-card:nth-child(4n+1) .gallery-image img{aspect-ratio:auto var(--gallery-ratio)!important;height:auto!important}

/* ==== webfolio/rebrand-v2.css ==== */
.extra-brand{flex:none;width:270px;min-width:160px;letter-spacing:normal}.extra-brand img{display:block;width:100%;height:auto;filter:none;opacity:1}.hero-signature{width:clamp(160px,17vw,250px);bottom:4.5%;animation:none!important;opacity:1!important}.hero-signature img{display:block;width:100%;height:auto;max-height:none;filter:none;opacity:1;animation:none!important}.hero-signature:hover img{filter:none;opacity:1}
@media(max-width:1100px){.extra-brand{width:210px}.hero-signature{width:190px}}
@media(max-width:520px){.extra-nav{display:grid;align-items:center}.extra-tools{font-size:9px}.extra-nav nav{grid-column:1/-1;grid-row:2;justify-content:space-between;width:100%;}.extra-nav nav a{font-size:12px;padding:10px 3px}}
@media(max-width:760px){.hero-signature{width:200px;bottom:9%}.hero-scroll{left:50%;bottom:20px;translate:-50% 0;white-space:nowrap}}

/* Keep the rebranded navigation inside a safe, consistent frame. */
.extra-nav{padding:18px clamp(24px,4vw,80px);gap:24px}
.extra-nav nav{flex:0 1 auto;gap:24px}
.extra-tools{flex:none}.return-link{padding:0 4px}
/* Fog covers the base; the buildings never reveal the suns behind them. */
.scene:before{content:'';position:absolute;pointer-events:none;}
@media(max-width:1100px){.extra-nav{padding:14px 28px;gap:18px}.extra-nav nav{gap:14px}}
@media(max-width:760px){.extra-nav{padding:12px 20px;gap:6px 14px}.extra-nav nav{gap:10px}.extra-brand{width:180px}}
@media(max-width:520px){.extra-nav{padding:10px 18px;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}.extra-brand{width:clamp(145px,44vw,180px);min-width:0}.extra-nav nav{gap:4px}.hero-caption{top:27%}}
@media(min-width:480px) and (max-height:560px) and (min-aspect-ratio:3/2){.extra-nav{padding:6px 20px;display:flex;flex-wrap:nowrap;gap:12px}.extra-brand{width:155px;min-width:0}.extra-nav nav{width:auto;gap:8px}.extra-nav nav a{font-size:11px}.hero-caption{top:27%}}

@media(min-width:761px){.hero-caption{top:max(165px,24%)}}

.motion-off .hero{min-height:0;height:100svh}@media(prefers-reduced-motion:reduce){.hero{min-height:0;height:100svh}}

/* ==== webfolio/composition-v1.css ==== */
/* Keep the original four-sun composition readable through the complete parallax range. */
.sun-white{width:31%;left:10%;top:31%}
.sun-orange{width:9%;left:79%;top:35%}
.sun-sand{width:4%;left:47%;top:43%}
.sun-desert{width:7.3%;left:62%;top:54%}
.city-far{width:32%;right:-3%;bottom:12%}
/* A continuous opaque fog floor, independent of building alpha or movement.
   The buildings remain solid where they overlap the white sun. */
.scene:before{inset:0;height:auto;z-index:1;background:linear-gradient(180deg,#ee2a2000 50%,#ee2a203d 62%,#ee2a20 76%,#e71830 100%)}
.city-close,.city-far{opacity:1;mask-image:none;-webkit-mask-image:none}
@media(min-width:761px) and (max-aspect-ratio:1/1){
  .sun-white{width:62%;left:-7%;top:39%}
  .sun-orange{width:15%;left:77%;top:34%}
  .sun-sand{width:8%;left:52%;top:43%}
  .sun-desert{width:12%;left:61%;top:57%}
  .city-far{width:57%;right:-5%;bottom:14%}
}
@media(min-aspect-ratio:21/9){
  .sun-white{width:24%;left:11%;top:23%}
  .sun-orange{width:7%;left:79%;top:34%}
  .sun-sand{width:4%;left:47%;top:37%}
  .sun-desert{width:6%;left:62%;top:51%}
  .city-far{width:min(29%,60svh);right:-3%;bottom:10%}
}
@media(max-width:760px){
  .sun-white{width:79%;left:-15%;top:39%}
  .sun-orange{width:20%;left:72%;top:35%}
  .sun-sand{width:10%;left:50%;top:45%}
  .sun-desert{width:15%;left:59%;top:60%}
  .city-far{width:74%;right:-10%;bottom:13%}
  .scene:before{background:linear-gradient(180deg,#ee2a2000 53%,#ee2a2040 63%,#ee2a20 76%,#e71830 100%)}
}
@media(min-width:480px) and (max-height:560px) and (min-aspect-ratio:3/2){
  .hero-caption{top:22%;right:23%;max-width:235px}
  .hero-caption h1{font-size:28px}
  .hero-caption p{letter-spacing:.1em}
  .hero-signature{width:145px;bottom:13%}
  .hero-scroll{left:5%;translate:0;bottom:8%}
  .sun-white{width:30%;left:10%;top:30%}
  .sun-orange{width:8%;left:79%;top:39%}
  .sun-sand{width:4%;left:47%;top:43%}
  .sun-desert{width:7%;left:61%;top:56%}
  .city-far{width:32%;right:-3%;bottom:12%}
}

/* ==== webfolio/idea-legend-v1.css ==== */
/* Webfolio: short legend explaining the world's elements, inside The Idea */
.idea-legend{display:grid;grid-template-columns:1fr 1fr;gap:22px 34px;margin:6px 0 34px;padding:26px 0 0;border-top:1px solid #92668266}
.idea-legend div{min-width:0}
.idea-legend dt{line-height:1.8;letter-spacing:.16em;text-transform:uppercase;color:#ffb27a;margin:0 0 6px}
.idea-legend dd{margin:0;font-size:13px;line-height:1.75;color:#c8abc4}
@media(max-width:760px){.idea-legend{grid-template-columns:1fr;gap:18px}}

/* ==== Type floor ==== */
/* webfolio/idea-legend-v1.css */
.idea-legend dt { font-size: 12px; }
/* webfolio/experience-v6.css */
.eyebrow,
.gallery-meta > p,
.hero-caption p,
.hero-note,
.hero-scroll,
.return-link,
.view-label,
.viewer-hint { font-size: 12px; }
.gallery-heading > p { font-size: 14px; }
@media (max-width: 760px) {
  .viewer-project { font-size: 12px; }
}