/* ATELIER FRAMES / eyewear layout / 2026-09-11. Work-local only. */
.atelier-refined{--paper:#f2f0e9;--panel:#e9e6dd;--ink:#282b26;--muted:#686b62;--line:#d1d0c6;--accent:#766247;--serif:'Yu Mincho','Hiragino Mincho ProN','Noto Serif JP',serif;--dark:#171917;--gold:#ccb792;--light:#f2f0e9;-webkit-font-smoothing:antialiased;font-family:'Yu Gothic','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;line-height:1.9;color:var(--ink);background:var(--paper);font-size:18px;overflow-wrap:break-word}
.atelier-refined *{box-sizing:border-box}.atelier-refined [hidden]{display:none!important}.refined-home{margin:0}.refined-home p,.refined-home h1,.refined-home h2,.refined-home h3,.refined-home h4,.refined-home figure{margin:0}.refined-home a{color:inherit;text-decoration:none}.refined-home button{font:inherit;color:inherit;cursor:pointer}.refined-home img{max-width:100%}.refined-home button,.refined-home a{-webkit-tap-highlight-color:transparent}.atelier-refined :focus-visible{outline:2px solid #ae8753;outline-offset:5px}.atelier-refined ::selection{background:#b6a283;color:#171917}html{scroll-behavior:smooth;scroll-padding-top:105px}.refined-home .skip-link{position:fixed;left:20px;top:-80px;background:#f2f0e9;color:#171917;padding:12px 24px;z-index:2000}.refined-home .skip-link:focus{top:12px}
/* Shared brand shell. */
.atelier-brand.atelier-refined .site-header{display:flex;align-items:center;position:relative;z-index:100;min-height:96px;padding:22px 5%;gap:25px;background:#171917;color:#f2f0e9;border-bottom:1px solid #ffffff20;margin:0;width:100%;height:auto}.atelier-brand.atelier-refined .brand{display:block;flex-shrink:0;color:#f2f0e9;text-decoration:none}.atelier-brand.atelier-refined .brand-main{display:block;font:400 29px/1.1 Georgia,'Times New Roman',serif;letter-spacing:.11em}.atelier-brand.atelier-refined .brand-small{display:block!important;font:400 11px/1.1 Arial,sans-serif!important;letter-spacing:.48em;padding:8px 0 0 3px;border:0}.header-descriptor{border-left:1px solid #ffffff24;padding-left:25px;font:10px/1.75 Arial,sans-serif;letter-spacing:.14em;color:#9b9e93}.atelier-brand.atelier-refined .site-menu{display:flex;align-items:center;gap:30px;margin-left:auto;width:auto}.atelier-brand.atelier-refined .site-menu a{font-size:16px;white-space:nowrap;text-decoration:none;transition:color .2s}.atelier-brand.atelier-refined .site-menu a:hover{color:#d1b890}.atelier-brand.atelier-refined .site-menu a:last-child{display:flex;gap:34px;align-items:center;background:#e7e3d8;color:#262922;padding:12px 22px;border:1px solid #e7e3d8;border-radius:0;min-height:48px}.atelier-brand.atelier-refined .menu-toggle{display:none}.atelier-refined .site-footer{background:#e8e6dd;color:#383b33;padding:50px 6% 28px;border-top:1px solid #c8c8bb;display:grid;grid-template-columns:1.1fr 1fr;gap:32px 9%}.atelier-brand.atelier-refined .footer-word{grid-column:1/-1;font:400 clamp(70px,19vw,330px)/.9 Georgia,serif;letter-spacing:.005em;color:#363b32;border-bottom:1px solid #c8c8bb;padding:0 0 48px;margin:0 0 16px}.atelier-brand.atelier-refined .footer-logo{font:400 25px/1.4 Georgia,serif;letter-spacing:.04em}.atelier-refined .site-footer p{margin:18px 0;font-size:18px}.atelier-refined .site-footer .note{font-size:16px!important;color:#65685d;line-height:1.8}.atelier-refined .site-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:6px 32px;align-content:start}.atelier-refined .site-footer nav a{font-size:16px;border-bottom:1px solid #c8c8bb;padding:10px 0;text-decoration:none;color:inherit}.atelier-refined .footer-bottom{grid-column:1/-1;margin-bottom:0!important;font:12px/1.8 Arial,sans-serif!important;letter-spacing:.08em}
/* Product-first home. */
.af-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:.86fr 1.14fr;column-gap:7%;padding:28px max(5%,calc((100vw - 1350px)/2)) 0;background:#171917;color:#f2f0e9;overflow:hidden}.optical-lines{position:absolute;z-index:-1;inset:0;width:100%;height:100%;color:#b8b29a;opacity:.07;pointer-events:none}.hero-overline{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-bottom:32px;font:10px/1.7 Arial,sans-serif;letter-spacing:.17em;color:#91968a}.hero-copy{align-self:center;padding:36px 0 42px;min-width:0}.af-kicker{font-size:16px;letter-spacing:.12em;color:#c6cabe;display:flex;align-items:center;gap:13px}.af-kicker i{display:block;width:5px;height:5px;background:#c4b08d;border-radius:50%}.hero-copy h1{font:400 clamp(48px,5.25vw,79px)/1.5 var(--serif);letter-spacing:.06em;margin:22px 0 30px;white-space:nowrap}.hero-copy h1 span{color:#cbb58f}.hero-lead{font-size:21px;line-height:1.9;letter-spacing:.05em}.hero-description{font-size:16px;line-height:2;color:#b7bcaf;margin-top:20px!important}.af-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:58px;padding:15px 25px;background:#e8e2d5;color:#252a22!important;border:1px solid #e8e2d5;font-size:16px;text-decoration:none;transition:background .25s,transform .25s}.af-button:hover{background:#d1b88f;transform:translateY(-2px)}.af-button>span{font:25px/1 Arial}.hero-copy .af-button{margin-top:36px;max-width:100%;width:335px}.hero-secondary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px;width:335px;max-width:100%;padding:16px 0 6px;color:#c6cbbd!important}.hero-footnote{display:flex;align-items:center;gap:14px;margin-top:30px}.hero-footnote p{font-size:16px;line-height:1.85;color:#969e90}.tiny-rule{width:26px;height:1px;background:#7c8575;flex-shrink:0}.hero-product{align-self:center;min-width:0;padding-bottom:22px}.product-stage{background:radial-gradient(ellipse at 47% 34%,#30342f 0,#252924 35%,#1c201c 75%);border:1px solid #ffffff17;position:relative;display:flex;flex-direction:column;color:#ecefe4;min-width:0}.stage-topline{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;gap:14px;position:relative;z-index:2}.stage-topline>span{font:10px/1.6 Arial,sans-serif;letter-spacing:.13em;color:#a8b29f}.stage-topline button{border:1px solid #ffffff32;background:transparent;font-size:16px;padding:5px 13px;min-height:44px;display:flex;gap:16px;align-items:center}.stage-topline button:hover{background:#ffffff10}.frame-viewer{position:relative;height:360px;min-height:280px;width:100%;overflow:hidden;isolation:isolate}.frame-viewer canvas{display:block;width:100%;height:100%;touch-action:pan-y;position:absolute;inset:0;z-index:1;cursor:grab}.frame-viewer canvas:active{cursor:grabbing}.frame-static{position:absolute;inset:0;display:grid;place-items:center;padding:6%;}.frame-static svg{width:100%;filter:drop-shadow(4px 24px 10px #0006)}.frame-viewer.is-ready .frame-static{visibility:hidden}.frame-viewer.is-fallback canvas{display:none}.stage-bottomline{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 22px 18px}.stage-bottomline p{font-size:16px;line-height:1.7;color:#aab4a2;max-width:55%}.view-angles{display:flex;gap:4px;flex-shrink:0}.view-angles button{background:none;border:1px solid transparent;font-size:16px;min-height:44px;padding:6px 9px}.view-angles button[aria-pressed=true]{border-color:#8c977f;color:#e1d2b7}.frame-selector{border-top:1px solid #ffffff1c;padding:15px 22px 20px}.shape-options{display:flex;gap:22px;border-bottom:1px solid #ffffff14;padding-bottom:12px}.shape-options button{background:none;border:0;border-bottom:1px solid transparent;padding:4px 0;min-height:38px;font:12px/1.7 Arial,sans-serif;letter-spacing:.08em;color:#9ea997}.shape-options button[aria-pressed=true]{border-bottom-color:#cbb58f;color:#e7d3b3}.color-options{display:flex;gap:20px;flex-wrap:wrap;padding-top:17px}.color-options button{display:flex;align-items:center;gap:9px;min-height:40px;font:10px/1.5 Arial,sans-serif;letter-spacing:.045em;background:none;border:0;padding:2px;color:#bfc6b8}.color-options i{width:16px;height:16px;border-radius:50%;background:var(--swatch);box-shadow:inset 1px 1px 2px #fff6;border:1px solid #ffffff30}.color-options button[aria-pressed=true] i{outline:1px solid #d8c4a2;outline-offset:4px}.color-options button[aria-pressed=true]{color:#f3e3c7}.product-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:19px;font:12px/1.6 Arial,sans-serif;letter-spacing:.1em;color:#c4cabb}.product-caption>span{font-size:9px;color:#89957e}.caption-slash{padding:0 8px;color:#66715d}.product-disclaimer{font-size:16px;color:#899480;line-height:1.8;margin-top:8px!important}.hero-sequence{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #ffffff24;gap:40px;margin-top:30px;padding:25px 0}.hero-sequence a{display:flex;gap:22px;font-size:16px;align-items:center;color:#d0d6c7}.hero-sequence a>span:first-child{font:11px/1.5 Arial;color:#818e75}.hero-sequence a>span:last-child{margin-left:auto;color:#b8c0ae}.hero-sequence a+a{border-left:1px solid #ffffff22;padding-left:40px}
.af-section{padding:115px max(6%,calc((100vw - 1250px)/2))}.section-index{font:11px/1.8 Arial,sans-serif;letter-spacing:.15em;color:#717768;margin-bottom:28px!important}.refined-home h2{font:400 clamp(32px,3.1vw,47px)/1.75 var(--serif);letter-spacing:.035em}.af-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:12%;align-items:center;background:#eeeee6}.editorial-portrait{position:relative;padding-left:25px;max-width:460px}.wear-portrait{position:relative;line-height:0;width:100%}.wear-portrait img{width:100%;height:auto;display:block;object-fit:contain}.wear-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.editorial-portrait figcaption{font-size:16px;line-height:1.8;color:#777a6b;margin-top:15px}.image-side-label{position:absolute;left:0;top:0;writing-mode:vertical-rl;font:10px/1.5 Arial,sans-serif;letter-spacing:.19em;color:#7c8271}.intro-copy>p:not(.section-index):not(.af-note){font-size:18px;line-height:2.1;color:#646b5b;margin-top:30px}.fitting-steps{padding:0;margin:30px 0 25px;list-style:none}.fitting-steps li{display:flex;align-items:start;gap:24px;padding:16px 0;border-top:1px solid #cbd0bf}.fitting-steps li>span{font:12px/2.5 Georgia,serif;color:#919982}.fitting-steps h3{font-size:18px;font-weight:500}.fitting-steps p{font-size:16px;color:#747b69;line-height:1.8;margin-top:3px}.af-text-link{display:inline-flex;justify-content:space-between;gap:28px;align-items:center;min-height:48px;font-size:16px;border-bottom:1px solid currentColor;padding:10px 0;text-decoration:none}.af-text-link span{font:23px/1 Arial}.af-text-link:hover span{transform:translate(3px,-3px)}.af-note{font-size:16px;line-height:1.9;color:#6f7664;margin-top:20px!important}.af-collection{background:#f7f5ef}.af-section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:55px}.af-section-heading .section-index{margin-bottom:18px!important}.photo-frame-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.photo-frame-card{min-width:0;border-bottom:1px solid #d3d3c7;padding-bottom:22px}.photo-frame-image{display:block;overflow:hidden;background:#eeede6;aspect-ratio:3/2}.photo-frame-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s}.photo-frame-image:hover img{transform:scale(1.045)}.photo-frame-body{padding:22px 0 0}.photo-frame-label{font-size:16px;color:#747b69;margin-bottom:12px!important}.photo-frame-body h3{font:400 clamp(19px,2vw,29px)/1.45 Georgia,serif;letter-spacing:.015em;margin-bottom:16px}.photo-frame-body>p:not(.photo-frame-label){font-size:16px;color:#6b735f;line-height:1.9;margin-top:10px}.photo-frame-body .photo-frame-color{font:11px/1.7 Arial,sans-serif!important;letter-spacing:.1em}.photo-frame-body .photo-frame-price{font:18px/1.9 Arial,sans-serif!important;color:#3b4431!important}.photo-frame-body .text-link{font-size:16px;display:flex;justify-content:space-between;margin-top:22px;min-height:44px;align-items:center}.shape-collection{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:35px;margin-top:100px;padding-top:42px;border-top:1px solid #b9c0aa}.shape-collection-intro .section-index{font-size:9px;margin-bottom:16px!important}.shape-collection-intro h3{font:400 25px/1.8 var(--serif)}.shape-collection-intro>p:last-child{font-size:16px;color:#737d65;margin-top:18px}.af-shape-card{display:block}.shape-number{font:12px/1.7 Arial;color:#89917d}.af-shape-card svg{display:block;width:100%;height:112px;color:#626b53;padding:10px 0;transition:transform .4s}.af-shape-card:hover svg{transform:rotate(-5deg)}.af-shape-card h4{display:flex;justify-content:space-between;font:400 21px/1.7 Georgia,serif}.af-shape-card h4 span{font-size:22px}.af-shape-card p{font-size:16px;color:#737c66;margin-top:12px}.af-philosophy{background:#e7e7de}.philosophy-title{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12%}.philosophy-title>p{font:400 clamp(48px,6vw,84px)/1.08 Georgia,serif;letter-spacing:-.03em;color:#444f39}.philosophy-title>p em{font-weight:400;color:#8b967b}.philosophy-title h2{font-size:29px;white-space:normal}.philosophy-title>div p{font-size:18px;color:#68735b;margin:20px 0}.af-color-stories{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:70px}.color-line{display:block;height:3px;width:100%;background:var(--shade);margin-bottom:25px}.af-color-stories article>span:not(.color-line){font:11px/1.7 Arial,sans-serif;letter-spacing:.1em;color:#67735a}.af-color-stories h3{font:400 23px/1.8 var(--serif);margin:12px 0}.af-color-stories p{font-size:16px;color:#737e65}.af-closing{background:#1d231c;color:#edf0e5;position:relative;overflow:hidden}.af-closing .section-index{color:#a0ac91}.af-closing h2{font-size:clamp(40px,4.6vw,67px);line-height:1.6;margin:35px 0 30px}.af-closing>div{display:flex;align-items:center;justify-content:space-between;gap:30px}.af-closing>div p{font-size:18px;color:#b0bca1}.af-closing .af-text-link{margin-top:32px;color:#a4b396}
/* Expanded viewer stays within small screens; the canvas resizes with its host. */
.viewer-open{overflow:hidden}.product-stage.is-expanded{position:fixed;inset:3vh 4vw;z-index:1000;box-shadow:0 0 0 100vmax #0c100bee;max-height:94dvh}.product-stage.is-expanded .frame-viewer{height:auto;flex:1;min-height:100px}.product-stage.is-expanded .frame-selector{flex-shrink:0}.product-stage.is-expanded .stage-bottomline{flex-shrink:0}.product-stage.is-expanded .stage-topline{flex-shrink:0}.viewer-open .site-header{z-index:1!important}
/* Interior pages inherit the same restrained type, palette and navigation. */
.atelier-brand.atelier-refined.design-r2{--paper:#f2f0e9;--panel:#e6e8dc;--ink:#30382b;--muted:#68725e;--line:#c9d0be;--accent:#78664a;--serif:'Yu Mincho','Hiragino Mincho ProN',serif}.atelier-brand.atelier-refined.design-r2 h1,.atelier-brand.atelier-refined.design-r2 h2,.atelier-brand.atelier-refined.design-r2 h3{font-family:var(--serif);font-weight:400;letter-spacing:.025em}.atelier-brand.atelier-refined.design-r2 .page-intro{background:#e8e9df;border-color:#c5cbb8;padding-block:45px 65px}.atelier-brand.atelier-refined.design-r2 .page-intro:after{display:none}.atelier-brand.atelier-refined.design-r2 .page-intro .eyebrow{color:#5c684e}.atelier-brand.atelier-refined.design-r2 .page-intro h1{font-weight:400;font-size:clamp(34px,4vw,58px)}.atelier-brand.atelier-refined.design-r2 .button{background:#303c2a;border-color:#303c2a;color:#f5f5ec}.atelier-brand.atelier-refined.design-r2 .button:hover{background:#596748;border-color:#596748}.atelier-brand.atelier-refined.design-r2 .frame-art,.atelier-brand.atelier-refined.design-r2 .frame-cards article:nth-child(2) .frame-art,.atelier-brand.atelier-refined.design-r2 .frame-cards article:nth-child(3) .frame-art{background:#e4e7da;color:#536044;border-color:#c2cbb4}.atelier-brand.atelier-refined.design-r2 .frame-art>span{font:400 36px/1 Georgia;color:#6c7b5d}.atelier-brand.atelier-refined.design-r2 .frame-drawing{transform:rotate(-4deg);filter:drop-shadow(4px 15px 7px #30451d20)}.atelier-brand.atelier-refined.design-r2 .visual-card,.atelier-brand.atelier-refined.design-r2 .guide-layout figure{transform:none!important;border-color:#bac5ab;background:#e4e7da}.atelier-brand.atelier-refined.design-r2 .frame-detail h1,.atelier-brand.atelier-refined.design-r2 .frame-cards h3{font-family:Georgia,serif;letter-spacing:.02em;font-weight:400}.atelier-brand.atelier-refined.design-r2 .values-list{background:#e0e5d6}.atelier-brand.atelier-refined.design-r2 .values-list article{border-color:#b2c0a1}.atelier-brand.atelier-refined.design-r2 .values-list article>span{color:#6d7f5b;font:400 42px/1.4 Georgia}.atelier-brand.atelier-refined.design-r2 .closing-cta{background:#1d231c}.atelier-brand.atelier-refined.design-r2 .closing-cta h2{font-weight:400}.atelier-brand.atelier-refined.design-r2 .closing-cta .eyebrow{color:#a6b397}.atelier-brand.atelier-refined.design-r2 .closing-cta .button{background:#e9e5d9;color:#293122;border-color:#e9e5d9}.atelier-brand.atelier-refined.design-r2 .consultation-panel{box-shadow:none;border:1px solid #bbc6ab;background:#f9faf3;padding:35px}.atelier-brand.atelier-refined.design-r2 .section-heading{border-color:#adba9e}.atelier-brand.atelier-refined.design-r2 .studio,.atelier-brand.atelier-refined.design-r2 .collection{background:#e6e9df}.atelier-brand.atelier-refined.design-r2 .catalog-settings-wrap{background:#f2f0e9}.atelier-brand.atelier-refined.design-r2 .photo-frame-card{border:0;border-bottom:1px solid #c5cbbb;border-radius:0;background:transparent;box-shadow:none}.atelier-brand.atelier-refined.design-r2 .photo-frame-image{background:#e8ebdf}.atelier-brand.atelier-refined.design-r2 .photo-frame-body{background:transparent}.atelier-brand.atelier-refined.design-r2 .photo-frame-body h3{font-family:Georgia,serif;font-weight:400}.atelier-brand.atelier-refined.design-r2 .note,.atelier-brand.atelier-refined.design-r2 figcaption{font-size:16px}.atelier-brand.atelier-refined.design-r2 .guide-steps h2{font-size:28px}.atelier-brand.atelier-refined.design-r2 .guide-steps li{border-top:1px solid #bdc8ad}
@media(min-width:1700px){.af-hero{padding-inline:max(5%,calc((100vw - 1450px)/2))}.frame-viewer{height:430px}.hero-copy h1{font-size:84px}}
@media(max-width:1150px){.atelier-brand.atelier-refined .site-menu{gap:20px}.header-descriptor{display:none}.af-hero{gap:0 5%;padding-inline:5%}.hero-copy h1{font-size:clamp(44px,5.3vw,64px)}.hero-lead{font-size:19px}.frame-viewer{height:320px}.stage-topline,.stage-bottomline,.frame-selector{padding-inline:16px}.stage-bottomline{flex-wrap:wrap}.stage-bottomline p{max-width:100%;font-size:16px}.color-options{gap:14px}.product-caption>span{display:none}.af-section{padding:85px 6%}.af-intro{gap:7%}.philosophy-title{gap:7%}.photo-frame-cards{gap:24px}.shape-collection{gap:22px}.hero-copy .af-button{padding-inline:20px}.af-color-stories{gap:25px}}
@media(max-width:900px){.atelier-brand.atelier-refined .site-header{min-height:86px;padding:19px 5%;gap:14px}.atelier-brand.atelier-refined .menu-toggle{display:flex;align-items:center;gap:18px;margin-left:auto;padding:8px 13px;min-height:44px;border:1px solid #79826e;background:none;color:#e8ecde;font-size:16px}.atelier-brand.atelier-refined .site-menu{display:none;position:absolute;left:0;right:0;top:100%;width:100%;padding:20px 6% 28px;background:#1d241a;border-bottom:1px solid #5c6b4c}.atelier-brand.atelier-refined .site-menu[data-open=true]{display:grid;grid-template-columns:1fr;gap:5px}.atelier-brand.atelier-refined .site-menu a{display:block;padding:12px 0;border-bottom:1px solid #536345}.atelier-brand.atelier-refined .site-menu a:last-child{margin-top:10px;padding:12px 18px;display:flex!important}.af-hero{grid-template-columns:1fr 1.06fr;gap:0 4%}.hero-copy h1{font-size:clamp(41px,5.4vw,52px)}.hero-copy{padding-top:15px}.hero-description,.hero-footnote p{font-size:16px}.af-kicker{font-size:16px;letter-spacing:0}.frame-viewer{height:280px;min-height:250px}.view-angles{width:100%}.shape-options{gap:15px}.color-options{gap:15px 10px}.color-options button{font-size:9px}.stage-topline>span{max-width:120px}.hero-copy .af-button{width:100%;gap:12px;padding-inline:16px;line-height:1.6}.hero-sequence{gap:24px}.hero-sequence a{gap:12px}.hero-sequence a+a{padding-left:24px}.intro-copy>p:not(.section-index):not(.af-note){font-size:16px}.desktop-break{display:none}.af-intro{gap:6%;grid-template-columns:.9fr 1.1fr}.refined-home h2{font-size:30px}.philosophy-title h2{font-size:25px}.photo-frame-cards{gap:18px}.photo-frame-body h3{font-size:23px}.shape-collection{grid-template-columns:repeat(3,1fr)}.shape-collection-intro{grid-column:1/-1;display:flex;align-items:center;gap:35px}.shape-collection-intro h3{font-size:24px}.shape-collection-intro>p:last-child{margin:0}.af-color-stories h3{font-size:20px}.af-closing h2{font-size:49px}.af-closing>div p{font-size:16px}}
@media(max-width:680px){.atelier-refined{font-size:16px}.atelier-brand.atelier-refined .brand-main{font-size:25px}.atelier-brand.atelier-refined .brand-small{font-size:10px!important}.af-hero{display:flex;flex-direction:column;padding:20px 6% 0}.hero-overline{font-size:9px;padding-bottom:20px;gap:15px}.hero-overline>span:last-child{display:none}.hero-copy{padding:15px 0 35px;align-self:stretch}.hero-copy h1{font-size:clamp(44px,10.2vw,64px);line-height:1.5;margin:21px 0}.hero-lead{font-size:19px;line-height:1.85}.hero-description{margin-top:18px!important}.hero-copy .af-button{width:100%;margin-top:28px}.hero-secondary{width:100%;padding-top:12px}.hero-footnote{display:none}.hero-product{align-self:stretch;padding-bottom:0}.frame-viewer{height:285px;min-height:240px}.stage-topline{padding:12px 14px}.stage-topline>span{max-width:none;font-size:9px}.stage-bottomline{padding:5px 14px 13px;gap:12px}.view-angles{width:auto}.stage-bottomline p{font-size:16px;max-width:100%}.view-angles button{padding:5px 12px}.frame-selector{padding:10px 14px 16px}.shape-options{justify-content:space-between;gap:12px}.shape-options button{font-size:12px;min-height:44px}.color-options{justify-content:space-between;gap:8px;padding-top:13px}.color-options button{font-size:9px;gap:8px;min-height:44px}.color-options i{width:14px;height:14px}.product-caption{font-size:11px;margin-top:18px}.product-disclaimer{font-size:16px}.hero-sequence{margin-top:28px;padding:0;display:flex;gap:0;flex-direction:column}.hero-sequence a,.hero-sequence a+a{padding:16px 0;border:0;border-bottom:1px solid #ffffff1c;gap:20px}.hero-sequence a:last-child{border:0}.af-section{padding:65px 6%}.af-intro{display:flex;flex-direction:column;gap:40px}.editorial-portrait{width:87%;max-width:410px;padding-left:22px;align-self:flex-start}.editorial-portrait figcaption{font-size:16px}.image-side-label{font-size:9px}.intro-copy{width:100%}.section-index{margin-bottom:18px!important;font-size:10px}.refined-home h2{font-size:clamp(28px,7.4vw,38px)}.intro-copy>p:not(.section-index):not(.af-note){margin-top:24px;font-size:16px}.fitting-steps{margin-top:24px}.fitting-steps li{gap:17px}.fitting-steps h3{font-size:18px}.fitting-steps p{font-size:16px}.af-section-heading{display:block;margin-bottom:32px}.af-section-heading .af-text-link{margin-top:18px}.photo-frame-cards{grid-template-columns:1fr;gap:38px}.photo-frame-image{aspect-ratio:1.65}.photo-frame-body h3{font-size:27px}.photo-frame-body{padding-top:20px}.photo-frame-body .text-link{margin-top:15px}.shape-collection{grid-template-columns:1fr;gap:0;margin-top:55px;padding-top:30px}.shape-collection-intro{display:block;margin-bottom:25px}.shape-collection-intro h3 br{display:none}.shape-collection-intro>p:last-child{margin-top:12px}.shape-collection-intro>p:last-child br{display:none}.af-shape-card{position:relative;display:grid;grid-template-columns:42% 1fr;gap:5px 9%;padding:25px 0;border-top:1px solid #ccd2c1;align-items:center}.af-shape-card svg{grid-column:1;grid-row:1/4;height:100px}.af-shape-card .shape-number{grid-column:2;grid-row:1;font-size:10px}.af-shape-card h4{grid-column:2;grid-row:2;font-size:24px}.af-shape-card p{grid-column:2;grid-row:3;margin:0;font-size:16px}.philosophy-title{grid-template-columns:1fr;gap:38px}.philosophy-title>p{font-size:clamp(55px,13vw,74px)}.philosophy-title h2{font-size:28px}.philosophy-title>div p{font-size:16px}.af-color-stories{grid-template-columns:1fr;gap:30px;margin-top:40px}.color-line{margin-bottom:18px}.af-color-stories h3{font-size:24px;margin:8px 0}.af-closing h2{font-size:clamp(35px,9vw,49px);margin:28px 0}.af-closing>div{display:block}.af-closing>div .af-button{margin-top:25px;display:flex;width:100%}.af-closing .af-text-link{width:100%;gap:15px}.atelier-refined .site-footer{display:grid;grid-template-columns:1fr;padding:35px 6% 25px;gap:25px}.atelier-brand.atelier-refined .footer-word{font-size:18vw;padding-bottom:25px;margin-bottom:0}.atelier-refined .site-footer nav{gap:5px 22px}.atelier-brand.atelier-refined .footer-logo{font-size:23px}.atelier-refined .site-footer p{font-size:16px}.atelier-refined .site-footer .footer-bottom{font-size:10px!important}.product-stage.is-expanded{inset:12px;max-height:calc(100dvh - 24px)}.product-stage.is-expanded .frame-viewer{min-height:60px}.product-stage.is-expanded .stage-bottomline{flex-wrap:wrap}.atelier-brand.atelier-refined.design-r2 .consultation-panel{padding:25px 18px}.atelier-brand.atelier-refined.design-r2 .values-list h2{font-size:26px}.atelier-brand.atelier-refined.design-r2 .page-intro h1{font-size:34px}}
@media(max-width:360px){.color-options{gap:5px}.color-options button{font-size:8px;gap:6px}.stage-topline>span{font-size:8px}.hero-copy h1{font-size:43px}.af-shape-card{column-gap:6%}.af-shape-card h4{font-size:21px}.atelier-refined .site-footer nav{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.atelier-refined *, .atelier-refined *::before,.atelier-refined *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.viewer-open .af-hero{z-index:101;overflow:visible}
@media(max-width:680px){.af-hero .hero-copy{display:contents}.hero-overline{order:0}.af-hero .af-kicker{order:1;margin-top:12px}.af-hero h1{order:2;margin:16px 0 18px}.af-hero .hero-lead{order:3;font-size:18px}.af-hero .hero-product{order:4;margin-top:26px}.af-hero .hero-description{order:5;margin-top:24px!important}.af-hero .hero-copy .af-button{order:6;margin-top:20px;width:100%}.af-hero .hero-secondary{order:7}.af-hero .hero-sequence{order:8}.af-hero .hero-footnote{display:none}}

/* Selection labels are controls, not decorative microtype. */
.shape-options button{font-size:16px;min-height:44px;letter-spacing:.015em}.color-options button{font-size:16px;min-height:44px;gap:10px;letter-spacing:0}.color-options{gap:10px 22px;justify-content:flex-start;flex-wrap:wrap}.color-options i{width:17px;height:17px;flex-shrink:0}.product-caption{font-size:14px}
@media(max-width:680px){.shape-options button{font-size:16px;min-height:44px}.color-options{gap:5px 20px;justify-content:flex-start}.color-options button{font-size:16px;min-height:44px;gap:10px}.color-options i{width:16px;height:16px}.product-caption{font-size:14px}}

.atelier-brand.atelier-refined .photo-frame-label,.atelier-brand.atelier-refined .photo-frame-body .photo-frame-label,.atelier-brand.atelier-refined .registered-frame-picker .small,.atelier-brand.atelier-refined .controls .reference-label,.atelier-brand.atelier-refined .controls #photoColorNote,.atelier-brand.atelier-refined .pc-settings .pc-note,.atelier-brand.atelier-refined .pc-photo-frame p{font-size:16px}