:root{--glass-base:#fcf9eb;--glass-white:#fefdf8;--glass-blue:#f9f2d2;--glass-highlight:#c6b774;--tile-radius:clamp(10rem,13vw,12rem);--tile-width:clamp(17rem,25vw,22rem);--ring-height:270vh}
body{background:var(--glass-white);isolation:isolate}body:before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:repeating-linear-gradient(90deg,var(--glass-base) 0,var(--glass-white) 13px,color-mix(in srgb,var(--glass-blue) 40%,var(--glass-white)) 18px,var(--glass-white) 24px)}.ripple-glass{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.nav{background:#fefdf888}.ring-section{height:var(--ring-height);position:relative;padding-top:0;padding-bottom:0;overflow:visible}.ring-sticky{position:sticky;top:0;height:100vh;min-height:640px;display:flex;flex-direction:column;padding-top:45px}.ring-sticky .section-heading{margin-bottom:0;flex:none}.tile-scene{position:relative;flex:1;min-height:380px;perspective:1500px;perspective-origin:50% 46%;overflow:clip}.tile-ring{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;will-change:transform}.ring-tile{position:absolute;top:0;left:calc(var(--tile-width) / -2);width:var(--tile-width);transform:translateY(-50%) rotateY(var(--angle)) translateZ(var(--tile-radius));transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden}.tile-face{padding:25px 23px;border-radius:18px;background:#ffffff9e;backdrop-filter:blur(14px) saturate(1.2);border:1px solid #fff;box-shadow:0 16px 50px #5c553820;transition:transform .3s;min-height:340px;display:flex;flex-direction:column}.ring-tile:hover .tile-face{transform:rotateY(6deg)}.tile-face .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:18px}.tile-symbol{font-size:32px;color:#beac5f;margin-bottom:15px}.tile-face h3{font-size:28px;margin-bottom:17px}.tile-face>p:not(.eyebrow){font-size:12px;line-height:1.8}.tile-open{margin-top:24px;padding:12px 0 0;border:0;border-top:1px solid #f6ecbf;background:none;text-align:left;font-size:11px;font-weight:600;display:flex;justify-content:space-between;gap:10px}.ring-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 0 30px;flex:none}.scroll-cue{font-size:11px;color:#b49f49}.ring-controls>div{display:flex;gap:8px}.ring-controls button{border:1px solid #f7eec8;border-radius:30px;padding:9px 16px;background:#ffffffa6;font-size:11px}.ring-controls button[aria-pressed=true]{background:#443f2a;color:white}.slices{background:#fefdf8bb}.about{background:#fefdf899}.article-card{background:#fff9}.project-dialog{width:min(1100px,calc(100% - 40px));max-height:90vh;padding:20px;border:1px solid #faf5de;border-radius:18px;background:#fefdf8;color:#443f2a;box-shadow:0 20px 80px #39352340}.project-dialog::backdrop{background:#3c382566;backdrop-filter:blur(7px)}.project-dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:15px;font-size:9px;letter-spacing:1px}.dialog-close{border:1px solid #f6ecbf;background:white;border-radius:5px;padding:8px 14px;font-size:12px}.project-dialog .panel-stage{background:white}.project-dialog .project-panel{animation:none}
@media(pointer:coarse){.tile-face{backdrop-filter:none;background:#ffffffdb}.project-dialog::backdrop{backdrop-filter:none}}
@media(max-width:760px),(prefers-reduced-motion:reduce){.ring-section{height:auto;padding-top:50px}.ring-sticky{position:static;height:auto;min-height:0;padding:0}.tile-scene{perspective:none;overflow:visible;min-height:0;flex:initial;margin-top:25px}.tile-ring{position:static;transform:none!important;width:auto;height:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ring-tile{position:static;width:auto;transform:none;opacity:1!important;visibility:visible!important}.tile-face{min-height:0;height:100%;background:#ffffffd9;backdrop-filter:none}.ring-tile:hover .tile-face{transform:none}.tile-open{margin-top:auto;padding-top:18px}.tile-face>p:not(.eyebrow){margin-bottom:20px}.ring-controls{display:none}.ripple-glass{opacity:.65}}
@media(max-width:760px){.tile-ring{grid-template-columns:1fr;gap:16px}.tile-face{padding:25px}.tile-face h3{font-size:26px}.tile-symbol{display:none}.project-dialog{width:calc(100% - 20px);padding:12px;max-height:92dvh}.project-dialog .tabs{padding:10px 4px}.project-dialog .tabs button{padding:10px}.project-dialog .panel-copy{padding:22px}.project-dialog-head{font-size:8px}.project-dialog .project-panel{min-height:0}.project-dialog .panel-visual{min-height:260px}}
@media(prefers-reduced-motion:reduce){.ripple-glass{display:none}.tile-face{transition:none}}
@media(min-width:761px) and (max-height:700px){.ring-sticky{min-height:0;padding-top:20px}.ring-sticky h2{font-size:28px}.tile-face{min-height:280px;padding:20px}.tile-face .tile-symbol{display:none}.tile-face h3{font-size:23px}.tile-face p:not(.eyebrow){font-size:11px}.tile-scene{min-height:300px}}


/* Tighter orbit and a quieter, aligned stage. */
@media(min-width:761px) and (prefers-reduced-motion:no-preference){.ring-sticky{height:88vh;min-height:620px;top:6vh;padding-top:20px}.tile-scene{min-height:350px}.tile-face{min-height:340px;background:#ffffffb8;box-shadow:0 12px 30px #5c553818}.ring-controls{padding-bottom:20px}.ring-tile:hover .tile-face{transform:rotateY(3deg)}}
.hero-copy{position:relative}.hero-copy:before{content:'';position:absolute;inset:-35px -22px;z-index:-1;background:radial-gradient(ellipse,#fefdf8e8 20%,#fefdf888 60%,transparent 75%);pointer-events:none}
.hero-copy{isolation:isolate}.ring-sticky>.section-heading{background:#fefdf8c9;border-radius:12px;padding:18px 22px;margin-inline:-22px}.ring-controls{position:relative;z-index:2}.tile-face{color:#443f2a}
 .tile-face{background:rgba(255,252,230,.9)}

:root{--glass-base:#FFF9DF;--glass-white:#FFFEF8;--glass-blue:#FFF0B3;--glass-highlight:#E6C55D}
.ring-controls button[aria-pressed=true]{background:#f1df9e;color:#493b1d;border-color:#d9c477}.tile-face{background:rgba(255,253,241,.9);color:#393426}.tile-symbol{color:#927831}.project-dialog{background:#fffdf2;color:#393426}
#expertise .tile-face{min-height:355px}#expertise .tile-face h3{font-size:27px}#expertise .tile-face .chips{margin:18px 0 5px}.expertise-dialog{max-width:800px}.expertise-dialog .slices{background:transparent}.expertise-dialog .slice-body{padding:0 20px 25px}.expertise-dialog summary{padding-inline:20px}.expertise-dialog .slices details[hidden]{display:none}@media(max-width:760px){#expertise .tile-face{min-height:0}}
@media(max-width:760px){.ring-sticky>.section-heading{margin-inline:0;padding:16px 0}}
@media(max-width:760px){.hero-copy:before{inset:-25px 0}}

#work .ring-tile:last-child h3{font-size:26px}.about h2{font-size:clamp(25px,2.5vw,32px)}
@media(prefers-reduced-motion:reduce) and (min-width:761px){#work .tile-ring{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.project-dialog .tabs{flex-wrap:wrap}.project-dialog .tabs button{flex:1 1 40%}}

@media(min-width:761px) and (prefers-reduced-motion:no-preference){.tile-ring{--tile-width:clamp(240px,25vw,350px)}.ring-tile{transition:opacity .18s}.tile-scene{perspective:1800px}.tile-face{background:rgba(255,253,241,.94)}.ring-tile:hover .tile-face{transform:none}}

/* Mobile surfaces: consistent inset, readable wrapping and section rhythm. */
@media(max-width:760px){
  .ring-sticky>.section-heading{padding:24px;border-radius:16px;margin-inline:0}
  .ring-sticky>.section-heading .eyebrow{margin-bottom:18px}
  .ring-sticky>.section-heading h2{font-size:clamp(26px,7vw,30px);overflow-wrap:break-word}
  .ring-sticky>.section-heading>p{margin-top:16px}
  .tile-scene{margin-top:24px}
  .tile-face{padding:24px}
  .tile-face h3,#expertise .tile-face h3,#work .ring-tile:last-child h3{font-size:clamp(23px,6.4vw,27px);overflow-wrap:break-word}
  .about{margin-top:48px;padding:28px 24px;border-radius:16px;gap:24px}
  .about h2{font-size:clamp(24px,6.3vw,29px);line-height:1.22;overflow-wrap:break-word}
  .about .eyebrow{margin-bottom:20px}
  .about>div{min-width:0}
  .about>div>p:not(.eyebrow){line-height:1.85;margin-bottom:20px}
  .about>div>p:last-child{margin-bottom:0}
  .contact{margin-top:40px;padding:28px 24px}
  .article-copy{padding:24px}
  .dreamer{padding:28px 24px}
  .tile-open{align-items:center;min-height:44px;line-height:1.5}
  .tile-open>span:last-child{flex-shrink:0}
}

/* Touch carousel trial: native scrolling preserves vertical page gestures. */
@media(max-width:760px){
 .tile-scene{overflow:visible;min-width:0}
 .tile-ring{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:0 0 14px;scrollbar-width:thin;scrollbar-color:#c6b774 transparent}
 .ring-tile{flex:0 0 88%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
 .tile-face{height:100%;box-shadow:none}
 .tile-ring:after{content:'';flex:0 0 calc(12% - 28px)}
 .mobile-swipe-hint{font-size:11px;color:#756538;margin:12px 0 0;text-align:right}
}
@media(min-width:761px){.mobile-swipe-hint{display:none}}