.simone-cinematic { --s33-night:#17211c; --s33-brass:#b7a685; --s33-warm:#e7dfcc; }
.simone-cinematic .portfolio-header { background:#17211cf5; color:#e8e7d9; border-bottom-color:#8b967744; }
.simone-cinematic .portfolio-brand img { filter:brightness(0) invert(1); opacity:.86; }
.simone-cinematic .reading-line { background:#c5af7d; }
.s33-hero { position:relative; isolation:isolate; height:calc(100svh - var(--header)); min-height:700px; max-height:1100px; background:#17211c; color:#eeeade; overflow:hidden; }
.s33-hero-image { position:absolute; inset:0; z-index:-2; }
.s33-hero-image .o22-photo { height:100%; background:#17211c; overflow:visible; }
.s33-hero-image img { width:100%; height:100%; object-fit:cover; object-position:62% 48%; transform:translateY(var(--hero-y,0px)) scale(1.055); }
.s33-hero-image .o22-zoom { right:var(--gutter); bottom:100px; z-index:4; }
.s33-hero-shade { position:absolute; z-index:-1; inset:0; pointer-events:none; background:linear-gradient(90deg,#111c15de, #1820197d 25%,#15201600 57%),linear-gradient(0deg,#17211c 0%,#17211ca6 15%,transparent 52%); }
.s33-hero-copy { height:calc(100% - 74px); min-height:626px; padding:40px var(--gutter) 36px; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; pointer-events:none; }
.s33-hero-copy a { pointer-events:auto; }
.s33-hero-copy .eyebrow { color:#c0c9b1; font-size:9px; }
.s33-hero-role { font-size:11px; text-transform:uppercase; letter-spacing:.14em; color:#cbb78d; margin-bottom:22px; }
.s33-hero h1 { font-size:clamp(91px,10.2vw,164px); letter-spacing:-.067em; line-height:.89; margin:0 0 25px; }
.s33-hero h1 span { color:#ded8c5; }
.s33-hero-intro { font-size:14px; line-height:1.75; color:#c9cebf; }
.s33-down { min-height:48px; border-bottom:1px solid #c4b88a88; display:flex; align-items:center; justify-content:space-between; gap:60px; font-size:11px; }
.s33-down span { font-size:24px; transition:transform .3s; }
.s33-down:hover span { transform:translateY(5px); }
.s33-hero-seal { position:absolute; bottom:136px; right:calc(var(--gutter) + 100px); text-align:right; }
.s33-hero-seal > span { font-size:30px; letter-spacing:-.04em; line-height:1.1; display:block; color:#e0d4b9; }
.s33-hero-seal small { display:block; font-size:8px; text-transform:uppercase; letter-spacing:.1em; color:#bfbda7; margin-top:13px; }
.s33-hero-tail { position:absolute; bottom:0; left:var(--gutter); right:var(--gutter); height:74px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid #9eac8966; font-size:9px; color:#b2bda4; }
.s33-hero-tail > span:last-child { font-size:8px; }
.s33-hero-tail a,.s33-forge-foot a { text-decoration:underline; text-underline-offset:3px; }
.simone-cinematic .o22-index { height:58px; }
.simone-cinematic .s31-section { scroll-margin-top:60px; }
.s33-vision { padding:95px var(--gutter) 50px; overflow:hidden; background:radial-gradient(ellipse at 82% 44%,#d4d5c4,transparent 46%); }
.s33-vision-layout { display:grid; grid-template-columns:1fr 1fr; gap:7vw; margin-top:66px; align-items:center; }
.s33-vision blockquote { margin:0 0 55px; }
.s33-quote { display:block; font-size:clamp(69px,8.4vw,132px); letter-spacing:-.06em; line-height:.94; color:#2d3c2b; }
.s33-vision.is-enhanced .s33-quote { color:transparent; background:linear-gradient(100deg,#293d2b var(--quote-fill,100%),#7c856f var(--quote-fill,100%)); background-clip:text; -webkit-background-clip:text; }
.s33-vision cite { font-style:normal; display:block; font-size:10px; letter-spacing:.05em; margin-top:30px; color:#6f7b60; }
.s33-vision h2 { font-size:clamp(27px,3.1vw,46px); line-height:1.08; margin-bottom:25px; }
.s33-vision h2 span { color:#748064; }
.s33-biography p { font-size:13px; line-height:1.8; max-width:410px; color:#5f6e53; margin:0 0 18px; }
.s33-vision-photo { padding-top:75px; perspective:1300px; }
.s33-vision-photo .o22-photo { transform:perspective(1300px) rotateY(var(--portrait-angle,-7deg)) rotateZ(-1.8deg); box-shadow:15px 26px 55px #27372026; transform-origin:left center; }
.s33-vision-photo img { aspect-ratio:4/5; object-fit:cover; object-position:50% 50%; }
.s33-vision-photo figcaption { display:flex; justify-content:space-between; gap:20px; margin-top:27px; color:#6c7b5e; font-size:9px; }
.s33-vision-foot { border-top:1px solid #b3bda5; margin-top:68px; padding-top:23px; display:flex; justify-content:space-between; gap:25px; font-size:10px; color:#667658; }
.s33-vision-foot a span { margin-left:30px; font-size:20px; }
.s33-gesture { background:var(--s33-night); }
.s33-forge { height:92svh; min-height:630px; max-height:1050px; position:relative; overflow:hidden; isolation:isolate; }
.s33-forge-image { position:absolute; inset:0; z-index:0; }
.s33-forge-image .o22-photo { height:100%; background:var(--s33-night); }
.s33-forge-image img { width:100%; height:100%; object-fit:cover; object-position:55% 50%; transform:translateY(var(--forge-y,0px)) scale(1.08); }
.s33-forge-image .o22-zoom { bottom:100px; right:var(--gutter); z-index:3; }
.s33-forge::after { content:''; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,#111c16c4,transparent 65%),linear-gradient(0deg,#17211c,transparent 44%),linear-gradient(180deg,#17211caa,transparent 35%); }
.s33-forge-copy { position:relative; z-index:2; padding:66px var(--gutter); height:100%; display:flex; flex-direction:column; align-items:flex-start; pointer-events:none; }
.s33-forge .eyebrow { color:#cebf9e; }
.s33-forge h2 { font-size:clamp(69px,8.5vw,136px); margin:auto 0 30px; line-height:.98; max-width:65%; }
.s33-forge h2 span { color:#d4c4a0; }
.s33-forge-copy > p { max-width:290px; font-size:13px; line-height:1.8; color:#ccd1c2; margin-bottom:52px; }
.s33-forge-foot { position:absolute; z-index:2; left:var(--gutter); right:var(--gutter); bottom:26px; display:flex; justify-content:space-between; gap:25px; font-size:9px; color:#aeba9f; }
.s33-forge-foot > span:last-child { font-size:8px; }
.s33-atelier { position:relative; isolation:isolate; background:radial-gradient(ellipse at 32% 50%,#485240 0%,#242f25 35%,#17211c 68%); }
.s33-atelier-stage { padding:54px var(--gutter) 35px; scroll-margin-top:58px; }
.s33-atelier-top { display:flex; justify-content:space-between; gap:30px; align-items:center; position:relative; z-index:2; }
.s33-atelier-top .eyebrow { color:#a8b598; font-size:9px; }
.s33-atelier-top h2 { font-size:clamp(32px,3.6vw,54px); margin-top:15px; }
.s33-stage-hint { font-size:10px; color:#aabb9a; text-align:right; }
.s33-stage-hint span { display:block; font-size:25px; margin-top:7px; }
.s33-atelier-panel { display:grid; grid-template-columns:1.2fr 1fr; gap:8vw; align-items:center; margin:50px 0; }
.s33-atelier-frame { padding:10px 10px 0; background:#e5e3d5; color:#3c4c36; box-shadow:0 30px 60px #0005; }
.s33-atelier-frame .o22-photo { background:#e5e3d5; }
.s33-atelier-frame img { width:100%; height:auto; max-height:60svh; object-fit:contain; }
.s33-atelier-frame figcaption { font-size:8px; padding:11px 4px; }
.s33-atelier-frame figcaption a { text-decoration:underline; text-underline-offset:3px; }
.s33-atelier-copy { position:relative; }
.s33-atelier-copy .eyebrow { color:#b8a582; font-size:9px; }
.s33-step-number { font-size:clamp(130px,18vw,280px); line-height:.95; letter-spacing:-.06em; display:block; color:#78876938; font-weight:300; margin-bottom:20px; }
.s33-atelier-copy h3 { font-size:clamp(44px,5.5vw,84px); margin:25px 0; color:#e4dfcf; }
.s33-atelier-copy > p { font-size:13px; line-height:1.85; color:#aebb9f; max-width:285px; }
.s33-atelier-controls { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; position:relative; z-index:3; }
.s33-atelier-controls button { display:flex; align-items:center; gap:20px; color:#9daa8d; font-size:12px; padding:17px 0; border-top:1px solid #a7b39444; position:relative; text-align:left; }
.s33-atelier-controls button > span { font-size:9px; color:#a8997a; }
.s33-atelier-controls button > i { position:absolute; top:-1px; left:0; width:100%; height:1px; background:#cfb888; transform:scaleX(0); transform-origin:left; transition:transform .35s; }
.s33-atelier-controls button[aria-pressed=true] { color:#eae4d4; }
.s33-atelier-controls button[aria-pressed=true] > i { transform:scaleX(1); }
.s33-atelier.is-enhanced .s33-atelier-panels { position:relative; min-height:510px; }
.s33-atelier.is-enhanced .s33-atelier-panel { position:absolute; inset:0; margin:0; display:block; pointer-events:none; }
.s33-atelier.is-enhanced .s33-atelier-frame { position:absolute; width:min(36vw,470px); left:28%; top:50%; transform:translate(-50%,-50%); will-change:transform; pointer-events:none; }
.s33-atelier.is-enhanced .s33-atelier-copy { position:absolute; left:64%; right:0; top:50%; transform:translateY(-50%); opacity:0; transition:opacity .35s; }
.s33-atelier.is-enhanced .s33-atelier-panel.is-current .s33-atelier-frame { pointer-events:auto; }
.s33-atelier.is-enhanced .s33-atelier-panel.is-current .s33-atelier-copy { opacity:1; }
.s33-atelier.is-pinned { height:310svh; }
.s33-atelier.is-pinned .s33-atelier-stage { position:sticky; top:calc(var(--header) + 58px); height:calc(100svh - var(--header) - 58px); min-height:560px; overflow:hidden; display:flex; flex-direction:column; }
.s33-atelier.is-pinned .s33-atelier-panels { flex:1; min-height:0; }
.s33-atelier.is-pinned .s33-atelier-frame { width:min(33vw,410px); }
.s33-atelier.is-pinned .s33-atelier-frame img { max-height:calc(100svh - 385px); }
.s33-process-note { padding:24px var(--gutter) 54px; font-size:9px; line-height:1.7; color:#99ab8b; border-top:1px solid #a0b48d33; }
.s33-journey { background:linear-gradient(120deg,#e5e4d6,#eeece3 50%); }
.s33-journey .s31-timeline { gap:11vw; }
.s33-journey .s31-year { padding-top:28px; margin-top:22px; border-top:1px solid #aeba9c; }
.s33-journey .s31-year > span { font-size:clamp(115px,13.8vw,218px); font-weight:400; color:#826d4a; background:linear-gradient(110deg,#4f583e,#a48a62 35%,#6a7255 66%,#b7a98a); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; letter-spacing:-.075em; }
.s33-journey .s31-milestone { transition:opacity .4s; }
.s33-journey.is-enhanced .s31-milestone { opacity:1; }
.s33-journey.is-enhanced .s31-milestone.is-active { opacity:1; }
.s33-journey .s31-milestone-date { font-size:13px; color:#91754b; }
.s33-school { background:#24372a; color:#eeece0; overflow:hidden; }
.s33-school .s31-rule { border-color:#92a47d66; }
.s33-school .s31-rule > span:last-child { color:#a5b799; }
.s33-school h2 { font-size:clamp(66px,10.3vw,164px); line-height:.93; margin:63px 0 78px; }
.s33-school h2 span { color:#a7b297; }
.s33-school-photo { padding:16px 16px 0; background:#d9daca; transform:rotate(-2deg); box-shadow:20px 35px 65px #09170d66; }
.s33-school-photo img { filter:saturate(.65); }
.s33-school .s31-school-layout figcaption { padding:13px 0 14px; font-size:9px; color:#4e6349; }
.s33-school-kicker { font-size:9px; color:#bca782; text-transform:uppercase; letter-spacing:.12em; display:block; margin-bottom:24px; }
.s33-school .s31-school-layout p { color:#b5c1aa; }
.s33-school .s31-school-cta { border-color:#a0af8988; color:#e4e3d2; }
.s33-works { background:#e3e4d5; }
.s33-portfolio-link { display:flex; justify-content:space-between; align-items:center; gap:35px; width:220px; padding:16px 0; margin-top:30px; border-bottom:1px solid #8a9b79; font-size:12px; }
.s33-portfolio-link span { font-size:26px; }
@media(max-width:1100px) { .s33-hero { height:780px; min-height:700px; } .s33-hero-seal { bottom:125px; right:calc(var(--gutter) + 80px); } .s33-hero h1 { font-size:11vw; } .s33-hero-copy { padding-top:32px; } .s33-vision-layout { gap:5vw; } .s33-quote { font-size:8.9vw; } .s33-atelier-stage { padding-top:35px; } .s33-atelier.is-enhanced .s33-atelier-frame { width:40vw; } .s33-atelier.is-pinned .s33-atelier-frame { width:min(36vw,410px); } .s33-atelier-copy h3 { font-size:5.5vw; } }
@media(max-width:760px) {
 .s33-hero { height:calc(100svh - var(--header)); min-height:705px; max-height:1000px; }
 .s33-hero-image img { object-position:67% 50%; transform:none; }
 .s33-hero-image .o22-zoom { right:var(--gutter); bottom:107px; width:43px; height:43px; }
 .s33-hero-shade { background:linear-gradient(0deg,#17211c 0%,#17211cec 15%,#17211c75 48%,transparent 70%),linear-gradient(180deg,#17211c66,transparent 17%); }
 .s33-hero-copy { min-height:0; height:calc(100% - 75px); padding:25px var(--gutter) 24px; justify-content:flex-end; }
 .s33-hero-copy > .eyebrow { position:absolute; left:var(--gutter); top:26px; font-size:8px; }
 .s33-hero-role { font-size:9px; margin-bottom:17px; }
 .s33-hero h1 { font-size:clamp(67px,18.4vw,118px); line-height:.9; margin-bottom:17px; }
 .s33-hero-intro { font-size:12px; }
 .s33-down { margin-top:22px; min-height:43px; font-size:10px; gap:42px; }
 .s33-hero-seal { top:67px; left:var(--gutter); right:auto; bottom:auto; text-align:left; }
 .s33-hero-seal > span { font-size:21px; }
 .s33-hero-seal small { font-size:7px; margin-top:8px; max-width:120px; }
 .s33-hero-tail { height:75px; align-content:center; gap:6px; flex-wrap:wrap; font-size:8px; }
 .s33-hero-tail > span:last-child { font-size:8px; }
 .simone-cinematic .o22-index { height:auto; min-height:49px; }
 .s33-vision { padding:55px var(--gutter) 37px; }
 .s33-vision .s31-rule > span:last-child { display:none; }
 .s33-vision-layout { display:block; margin-top:41px; }
 .s33-quote { font-size:clamp(62px,16.5vw,110px); }
 .s33-vision blockquote { margin-bottom:38px; }
 .s33-vision cite { font-size:9px; margin-top:22px; }
 .s33-vision h2 { font-size:29px; }
 .s33-biography p { font-size:12px; }
 .s33-vision-photo { padding-top:32px; width:93%; margin-left:auto; }
 .s33-vision-photo .o22-photo { transform:rotate(-2deg); }
 .s33-vision-photo img { aspect-ratio:4/5; }
 .s33-vision-photo figcaption { font-size:8px; gap:15px; margin-top:21px; }
 .s33-vision-foot { margin-top:41px; font-size:9px; }
 .s33-vision-foot > span { max-width:140px; }
 .s33-vision-foot a span { margin-left:14px; }
 .s33-forge { height:84svh; min-height:625px; }
 .s33-forge-image img { object-position:59% 50%; transform:none; }
 .s33-forge::after { background:linear-gradient(0deg,#17211c,#17211c88 43%,transparent 73%),linear-gradient(180deg,#17211caa,transparent 24%); }
 .s33-forge-copy { padding:36px var(--gutter); }
 .s33-forge h2 { max-width:100%; font-size:clamp(51px,13.3vw,83px); margin-bottom:23px; }
 .s33-forge-copy > p { font-size:12px; margin-bottom:66px; max-width:270px; }
 .s33-forge-foot { bottom:23px; flex-direction:column; gap:10px; font-size:8px; }
 .s33-forge-image .o22-zoom { bottom:89px; width:43px; height:43px; }
 .s33-atelier-stage { padding:36px var(--gutter) 24px; overflow:hidden; display:flex; flex-direction:column; scroll-margin-top:49px; }
 .s33-atelier-top h2 { font-size:33px; }
 .s33-stage-hint { display:none!important; }
 .s33-atelier-panel { display:block; margin:38px 0 55px; }
 .s33-atelier-frame img { max-height:440px; }
 .s33-step-number { display:none; }
 .s33-atelier-copy { margin-top:26px; }
 .s33-atelier-copy h3 { font-size:39px; margin:12px 0 17px; }
 .s33-atelier-copy > p { font-size:12px; max-width:100%; }
 .s33-atelier.is-enhanced .s33-atelier-panels { min-height:0; margin-top:28px; order:2; }
 .s33-atelier.is-enhanced .s33-atelier-panel { position:relative; inset:auto; display:none; }
 .s33-atelier.is-enhanced .s33-atelier-panel.is-current { display:block; }
 .s33-atelier.is-enhanced .s33-atelier-frame { position:relative; left:auto; top:auto; width:92%; max-width:410px; margin:0 auto; }
 .s33-atelier.is-enhanced .s33-atelier-frame img { height:300px; width:100%; object-fit:contain; }
 .s33-atelier.is-enhanced .s33-atelier-copy { position:relative; top:auto; left:auto; right:auto; transform:none; margin:27px 0 15px; }
 .s33-atelier-controls { gap:17px; order:1; margin-top:24px; }
 .s33-atelier-controls button { display:block; font-size:10px; min-height:60px; padding:12px 0; }
 .s33-atelier-controls button > span { display:block; font-size:8px; margin-bottom:7px; }
 .s33-process-note { padding-bottom:36px; font-size:8px; }
 .s33-school { padding-bottom:70px; }
 .s33-school h2 { font-size:clamp(51px,14.5vw,97px); margin:42px 0 43px; }
 .s33-school-photo { padding:10px 10px 0; width:95%; margin-left:auto!important; }
 .s33-school-kicker { margin-top:45px; margin-bottom:22px; }
 .s33-school .s31-school-layout h3 { margin-top:0; }
 .s33-portfolio-link { width:100%; font-size:11px; }
 .s33-journey.is-enhanced .s31-milestone { opacity:1; }
}
@media(prefers-reduced-motion:reduce) {
 .s33-hero-image img,.s33-forge-image img,.s33-vision-photo .o22-photo { transform:none; }
 .s33-atelier-frame,.s33-atelier-copy,.s33-atelier-controls button > i,.s33-down span,.s33-journey .s31-milestone { transition:none!important; will-change:auto; }
 .s33-vision.is-enhanced .s33-quote { color:#293d2b; background:none; -webkit-text-fill-color:initial; }
}