@import url('/studio/art.css');

:root {
  --paper:#e8dfd2; --ink:#302820; --muted:#625548; --line:#ccbead;
  --orange:#f15a24; --light:#eeebe6;
  --sc-canvas:#e8dfd2; --sc-surface:#f2eadd; --sc-ink:#302820;
  --sc-ink-soft:#655f59; --sc-accent:#f15a24; --sc-accent-ink:#25221f;
  --sc-font-display:Onest,Arial,sans-serif; --sc-font-text:Onest,Arial,sans-serif;
  --sc-shadow-color:28 14% 20%; --sc-ease-out:cubic-bezier(.23,1,.32,1);
  color-scheme:light; background:var(--paper);
}
body{background:var(--paper);color:var(--ink);letter-spacing:-.015em;overflow-x:clip}
html{scroll-padding-top:112px}
h1,h2,h3{text-wrap:balance;font-weight:400}
p{text-wrap:pretty}
.wrap{width:min(1360px,calc(100% - 96px))}
.section{padding-block:100px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-header{top:12px;margin:12px 20px 0;background:#eeeae4;color:var(--ink);border:1px solid #d9d5d088;border-radius:16px;backdrop-filter:none;box-shadow:0 3px 16px #4d403207}
.site-header .wrap{width:calc(100% - 48px);max-width:1440px}
.header-inner{height:72px;gap:20px}
.brand{width:154px;aspect-ratio:5.05}
.brand img,.footer-brand img{width:145.87%;left:-22.94%;aspect-ratio:1}
.desktop-nav{margin-right:5vw;gap:32px;font-size:.875rem}
.desktop-nav a:hover{color:#ad390f}
.header-cta{border-bottom:1px solid #5e5548;padding:7px 0;gap:24px}
.header-cta span{font-size:1.2rem}
.menu-toggle span{background:var(--ink)}
.mobile-nav{padding-top:14px}
.button{border-radius:16px;min-height:58px;font-size:.95rem;transition:background 180ms var(--sc-ease-out),transform 180ms var(--sc-ease-out),box-shadow 180ms var(--sc-ease-out)}
.primary{background:#25221f;color:#fff}
.primary:hover{background:#40362d}
.button:active,.floating-work:active,.intent-switch button:active,.lens-tabs button:active,.compare-toggle button:active,.dialog-close:active{transform:scale(.97)}
.button:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a4320c;outline-offset:5px}
.light-hero{position:relative;overflow:hidden;isolation:isolate}
.light-hero{background:radial-gradient(ellipse at 73% 42%,#b6d4c144 0%,transparent 67%),#d4e3db}
.light-scene{min-height:825px;position:relative;padding-top:92px;padding-bottom:70px}
.light-copy{position:relative;z-index:5;width:70%;pointer-events:none}
.hero-label{font-size:.875rem;color:var(--muted);margin-bottom:35px}
.light-copy h1{font-size:clamp(4.5rem,6.55vw,6.65rem);line-height:1.02;letter-spacing:-.063em;font-weight:400;text-wrap:initial}
.light-copy h1 span{display:inline-block;margin-left:7%;white-space:nowrap}
.light-description{max-width:410px;font-size:1.08rem;line-height:1.65;margin-top:35px;color:var(--muted)}
.hero-action{display:flex;align-items:center;gap:25px;margin-top:32px}
.hero-action .button{pointer-events:auto;gap:32px}
.hero-action>span{font-size:.75rem;line-height:1.55;color:var(--muted)}
.light-art{position:absolute;top:0;bottom:0;left:49%;right:-7%;perspective:1400px;z-index:2;pointer-events:none}
.lens-layer{position:absolute;top:13%;left:12%;width:95%;will-change:transform}
.orange-lens{width:100%;height:auto;transform:rotate(var(--material-turn,-8deg));filter:drop-shadow(0 28px 22px #70502b15);transform-origin:50% 50%}
.rear-layer{position:absolute;top:24%;left:40%;width:55%;transform:rotate(8deg);z-index:2}
.front-layer{position:absolute;top:55%;left:1%;width:77%;z-index:4}
.floating-work{display:block;position:relative;width:100%;padding:0;border:1px solid #fff9;border-radius:12px;background:white;box-shadow:0 4px 9px #67564215,0 27px 45px -18px #55463650;overflow:hidden;pointer-events:auto;transition:box-shadow 220ms var(--sc-ease-out)}
.floating-work img{width:100%;height:auto}
.front-work{rotate:-8deg}.rear-work{rotate:10deg}
.image-open{position:absolute;right:15px;bottom:15px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--ink);font-size:1.5rem}
.art-label{position:absolute;right:21%;bottom:22px;font-size:.75rem;color:#655f59}
.why-site{padding-top:55px;padding-bottom:100px;border-top:1px solid var(--line)}
.why-intro{font-size:.875rem;color:var(--muted);margin-bottom:30px}
.first-impression{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:25px}
.first-impression>p{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.12;letter-spacing:-.05em}
.first-impression>p:last-child span{color:#ae3811}
.why-note{display:flex;align-items:flex-start;gap:25px;margin-top:38px;margin-left:35%}
.orange-rule{width:42px;height:2px;background:var(--orange);flex-shrink:0;margin-top:13px}
.why-note p{max-width:570px;font-size:1.04rem;color:var(--muted);line-height:1.65}
.work{padding-top:40px;padding-bottom:85px}
.work .section-head{display:block;max-width:1030px;margin-bottom:45px}
.work .section-head h2{font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.04;letter-spacing:-.055em}
.work .section-intro{padding-top:25px;max-width:620px;font-size:1.08rem}
.featured-case{margin-top:0}
.case-toolbar{border-radius:16px 16px 0 0;background:#e9e5df;padding:20px 30px}
.case-stage{border-radius:0 0 16px 16px;background:#e9e5df;padding:15px 5% 45px}
.comparison{isolation:isolate}
.design-focus{position:absolute;inset:0;z-index:4;pointer-events:none}
.design-focus[hidden]{display:none}
.design-focus:after{content:'';position:absolute;left:4.5%;top:17%;width:44%;height:32%;border:2px solid #b23e12;border-radius:9px;box-shadow:0 0 0 3px #ffffff9c;transition:transform 320ms var(--sc-ease-out),opacity 240ms var(--sc-ease-out);transform-origin:top left}
.design-focus[data-focus=trust]:after{transform:translate(116%,1%) scale(.92,2.18)}
.design-focus[data-focus=contact]:after{transform:translate(-1%,116%) scale(.59,.33)}
.comparison-line{z-index:5}
.case-lenses{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;padding:27px 0;border-bottom:1px solid var(--line)}
.lens-tabs{display:flex;flex-wrap:wrap;gap:10px}
.lens-tabs button{border:1px solid #c9c2b9;border-radius:12px;background:transparent;padding:12px 15px;font-size:.85rem;line-height:1.4;text-align:left;transition:background 180ms,color 180ms,transform 180ms}
.lens-tabs button[aria-pressed=true]{background:#25221f;color:white;border-color:#25221f}
.case-lenses>p{font-size:1rem;line-height:1.65;color:var(--muted);min-height:80px}
.case-meta h3{font-size:1.6rem}.case-meta p{font-size:.94rem}.concept-tag{font-size:.75rem}
.work-grid{margin-top:70px;gap:55px;grid-template-columns:1.15fr 1fr}
.project-visual{border-radius:16px;background:#ece7df;aspect-ratio:1.1;box-shadow:none}
.project-1 .project-visual{background:#e6e9e7;aspect-ratio:.9}
.project-visual img,.project-1 .project-visual img{width:100%;max-width:100%;height:auto;object-fit:contain;flex-shrink:1;transform:rotate(0)}
.project-visual:hover img{transform:translateY(-5px)}
.project-meta>span{white-space:nowrap}
.catalog-link{grid-template-columns:1.1fr 1fr .5fr;margin-top:80px;padding-block:35px}
.catalog-link h3{font-size:2.35rem}.catalog-number{font-size:7.5rem;color:#a9441e}
.starting{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:65px;padding-bottom:95px;border-top:1px solid var(--line)}
.starting-title h2{font-size:clamp(2.75rem,4.7vw,4.4rem)}
.starting-title>p{margin-top:27px;color:var(--muted);font-size:1rem;line-height:1.65}
.intent-switch{display:flex;gap:12px}
.intent-switch button{display:flex;flex:1;justify-content:space-between;align-items:center;gap:15px;border-radius:16px;background:transparent;border:1px solid #bdb5ab;padding:18px;font-size:.94rem;text-align:left;transition:background 180ms,color 180ms,transform 180ms}
.intent-switch button[aria-pressed=true]{background:#f15a24;color:#25221f;border-color:#f15a24}
.intent-switch button>span{font-size:1.3rem}
.intent-content{margin-top:28px;min-height:175px}
.intent-content h3{font-size:1.75rem;line-height:1.2;margin-bottom:17px}
.intent-content p{font-size:1rem;line-height:1.65;color:var(--muted)}
.starting-choice .text-link{max-width:285px;margin-top:8px;font-size:.94rem}
.light-process{background:#eeeae4}
.process-grid{display:grid;grid-template-columns:.95fr 1fr;gap:10%;align-items:start}
.process-image{position:sticky;top:130px;border-radius:16px;overflow:hidden;isolation:isolate;min-height:580px;background:#d3c9bc}
.process-image>img{width:100%;height:620px;object-fit:cover;max-width:none;object-position:44% 50%}
.process-image>p{position:absolute;bottom:24px;left:24px;right:24px;font-size:1.25rem;background:#eeeae4f5;border-radius:12px;padding:17px 22px;z-index:2}
.process-copy h2{font-size:clamp(2.6rem,3.8vw,3.6rem);line-height:1.08}
.process-intro{margin-top:28px;font-size:1rem;line-height:1.65;color:var(--muted);max-width:510px}
.process-list{list-style:none;padding:0;margin-top:32px}
.process-list li{display:flex;align-items:flex-start;gap:22px;border-top:1px solid #cfc6bb;padding:22px 0}
.process-list li>span{font-size:.75rem;padding-top:6px;color:#a24220}
.process-list h3{font-size:1.3rem;line-height:1.3}
.process-list p{font-size:.94rem;margin-top:10px;line-height:1.6;color:var(--muted)}
.pricing{background:var(--paper);color:var(--ink)}
.pricing .section-head{display:block;max-width:1060px}
.pricing .section-intro{color:var(--muted);max-width:600px;padding-top:26px;font-size:1.05rem}
.pricing h2{font-size:clamp(2.7rem,4.6vw,4.4rem)}
.plans{gap:20px}.plan{background:#fff;border:1px solid #d6d0c8;border-radius:16px;padding:30px 25px}
.plan-featured{background:#eeeae4;border-color:#b7ab9c}
.plan-desc,.plan-featured .plan-desc,.payment-note,.plan-featured .payment-note,.pricing-note{color:var(--muted)}
.plan-desc{min-height:54px}.plan-top{flex-wrap:wrap;gap:10px}.plan-top>span{border-color:#c1b7aa}
.plan ul,.plan-featured ul{border-color:#d4ccc1}
.plan li:before{color:#a84017}.plan .outline{border-color:#a69a8b;color:var(--ink)}
.plan .outline:hover{background:#eeeae4}
.plan-featured .primary{background:#25221f}.plan .button{font-size:.9rem}
.subscription{border-color:var(--line);padding-top:35px;margin-top:45px}
.subscription .eyebrow,.subscription>p{color:var(--muted)}
.faq{padding-top:35px;padding-bottom:95px}.faq h2{font-size:3.25rem}
.contact{margin:0 20px;border-radius:24px;background:#f15a24;padding-block:80px;color:#25221f}
.contact h2{font-size:clamp(3.4rem,5.8vw,5.5rem);line-height:1.06;max-width:570px}
.contact-copy>p:not(.eyebrow){max-width:430px;font-size:1.02rem;line-height:1.65}
.contact-form .black{border-radius:16px;background:#25221f}.contact-form .black:hover{background:#44382c}
.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline-color:#25221f}
.chosen-intent{border:1px solid #914320;border-radius:12px;padding:12px 16px;margin-bottom:28px;font-size:.9rem}
.footer{background:#eeeae4;color:var(--ink);margin-top:20px;padding-top:55px}
.footer-brand{width:375px;aspect-ratio:5.05}
.footer-top p,.footer-bottom{color:#655f59}.footer-bottom{border-color:#d2cbc2}
.footer-top>a:last-child{font-size:.8rem}.footer-top{padding-bottom:45px}
.image-dialog{border-radius:16px;background:var(--paper)}

@media(hover:hover) and (pointer:fine){
  .floating-work:hover{box-shadow:0 5px 15px #67564220,0 34px 55px -18px #55463660}
  .intent-switch button:hover{background:#f9e3d5}.intent-switch button[aria-pressed=true]:hover{background:#f87943}
  .lens-tabs button:hover{border-color:#6c5e4f}.lens-tabs button[aria-pressed=true]:hover{background:#453b32}
}
@media(min-width:1600px){.light-scene{min-height:870px;padding-top:105px}.light-description{font-size:1.12rem}.light-copy h1{font-size:7rem}.front-layer{top:54%}}
@media(max-width:1200px){
  .wrap{width:calc(100% - 64px)}.light-scene{min-height:760px;padding-top:80px}
  .light-copy h1{font-size:6.8vw}.light-description{max-width:345px;font-size:1rem}
  .light-art{left:46%;right:-8%}.lens-layer{top:24%;width:100%}.rear-layer{top:24%;left:48%;width:57%}.front-layer{top:57%;width:80%}
  .hero-action{gap:20px}.hero-action>span{font-size:.7rem}.hero-action .button{font-size:.875rem;padding-inline:20px}
  .first-impression>p{font-size:3.5vw}.why-note{margin-left:25%}
  .case-lenses{gap:30px;grid-template-columns:1.1fr 1fr}.lens-tabs{gap:8px}.lens-tabs button{padding:10px;font-size:.8rem}
  .work-grid{gap:34px}.starting{gap:7%}.intent-switch button{padding:15px;font-size:.875rem}
  .process-grid{gap:7%}.process-image{min-height:540px}.process-image>img{height:590px}
  .plan-desc{min-height:75px}.contact h2{font-size:4.5rem}.contact .wrap{width:calc(100% - 64px)}
}
@media(max-width:850px){
  .wrap{width:calc(100% - 44px)}.site-header{top:8px;margin:8px 12px 0}.site-header .wrap{width:calc(100% - 32px)}
  .header-inner{height:66px}.brand{width:142px}.header-actions{gap:25px}.header-cta{font-size:.8rem}
  .light-scene{padding-top:60px;padding-bottom:25px;min-height:0}.light-copy{width:100%}
  .light-copy h1{font-size:8.7vw}.light-copy h1 span{margin-left:5%}.hero-label{margin-bottom:28px}
  .light-description{max-width:430px;font-size:1rem;margin-top:26px}.hero-action{margin-top:25px}
  .light-art{position:relative;inset:auto;height:480px;margin-top:-90px;margin-left:38%;margin-right:-6%}
  .lens-layer{top:1%;left:3%;width:106%}.rear-layer{top:8%;left:47%;width:60%}.front-layer{top:42%;left:-14%;width:94%}
  .art-label{display:none}.why-site{padding-top:45px;padding-bottom:70px}
  .section{padding-block:70px}.first-impression{gap:20px}.first-impression>p{font-size:3.55vw}.why-note{margin-left:13%}
  .work{padding-top:25px}.work .section-head h2{font-size:3.3rem}.work .section-intro{font-size:1rem}
  .case-stage{padding:12px 4% 30px}.case-toolbar{padding:16px 22px}.case-lenses{grid-template-columns:1fr;gap:18px;padding:23px 0}
  .case-lenses>p{min-height:0;max-width:650px}.lens-tabs button{font-size:.85rem;padding:12px 15px}
  .catalog-link{grid-template-columns:1fr 1fr}.catalog-link h3{font-size:2.1rem}
  .starting{gap:6%}.starting-title h2{font-size:2.8rem}.intent-switch{flex-direction:column}.intent-content{min-height:0;margin-top:24px}
  .intent-content h3{font-size:1.5rem}.starting-choice .text-link{margin-top:20px}
  .process-grid{grid-template-columns:.85fr 1fr;gap:6%}.process-copy h2{font-size:2.6rem}
  .process-image{min-height:540px;top:110px}.process-image>img{height:590px}.process-image>p{left:15px;right:15px;font-size:1rem;padding:15px}
  .process-list li{gap:15px}.process-list h3{font-size:1.15rem}
  .plan{padding:28px}.plan-desc{min-height:0}.pricing h2{font-size:3rem}
  .faq h2{font-size:2.7rem}.contact{margin-inline:12px;padding-block:65px}.contact .wrap{width:calc(100% - 44px)}
  .contact h2{font-size:3.5rem}.contact-grid{gap:7%}.footer-brand{width:265px}
}
@media(max-width:600px){
  .wrap{width:calc(100% - 36px)}.header-inner{height:60px}.brand{width:136px}.header-cta{display:none}
  .site-header{border-radius:14px}.site-header .wrap{width:calc(100% - 24px)}
  .light-scene{padding-top:35px;padding-bottom:22px}.hero-label{font-size:.75rem;margin-bottom:22px}
  .light-copy h1{font-size:clamp(2.65rem,9.7vw,3.6rem);line-height:1.08;letter-spacing:-.055em}
  .light-copy h1 span{margin-left:0}.light-description{font-size:1rem;line-height:1.6;margin-top:24px;max-width:390px}
  .hero-action{margin-top:24px;gap:16px;align-items:center}.hero-action .button{font-size:.86rem;padding-inline:18px;gap:24px;min-height:56px}
  .hero-action>span{font-size:.65rem;max-width:80px;line-height:1.5}
  .light-art{height:305px;margin:15px -18px 0;overflow:visible}
  .lens-layer{left:24%;top:-1%;width:82%}.rear-layer{left:58%;top:14%;width:44%}.front-layer{left:5%;top:54%;width:76%}
  .front-work{rotate:-7deg}.rear-work{rotate:9deg}.image-open{height:30px;width:30px;right:9px;bottom:9px;font-size:1.15rem}
  .art-label{display:none}.floating-work{border-radius:8px}
  .section{padding-block:55px}.why-site{padding-top:40px;padding-bottom:50px}.why-intro{font-size:.75rem;margin-bottom:24px}
  .first-impression{grid-template-columns:1fr;gap:22px}.first-impression>p{font-size:2.1rem;line-height:1.08}.first-impression br{display:none}.first-impression br:after{content:' '}
  .first-impression>p:nth-child(2){margin-left:8%}.first-impression>p:last-child{margin-left:16%}
  .why-note{margin:28px 0 0;gap:16px}.why-note p{font-size:1rem}.orange-rule{width:24px}
  .work{padding-top:24px;padding-bottom:45px}.work .section-head{margin-bottom:30px}.work .section-head h2{font-size:2.8rem;line-height:1.08}
  .work .section-intro{font-size:1rem;padding-top:20px}.case-toolbar{padding:14px;font-size:.7rem}.case-stage{padding:8px 11px 22px}
  .design-focus:after{border-width:1px;border-radius:3px;box-shadow:0 0 0 1px #fff9}
  .case-lenses{padding-top:20px;gap:17px}.lens-tabs{gap:8px}.lens-tabs button{padding:10px 12px;font-size:.75rem;border-radius:10px}
  .case-lenses>p{font-size:.94rem;line-height:1.6;min-height:90px}
  .case-meta h3{font-size:1.5rem}.case-meta p{font-size:.875rem}.work-grid{gap:35px;margin-top:35px;grid-template-columns:1fr}
  .project-1{margin:0}.project-visual,.project-1 .project-visual{aspect-ratio:1.15;padding:40px 25px}.project-meta{display:block}
  .project-meta>span{display:block;margin-top:6px;font-size:.7rem}.project>p{font-size:.94rem}
  .catalog-link{grid-template-columns:1fr;gap:22px;padding-block:28px;margin-top:35px}.catalog-link h3{font-size:2.1rem}
  .starting{grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:50px}.starting-title h2{font-size:2.8rem}
  .starting-title>p{margin-top:22px;font-size:1rem}.intent-switch{flex-direction:row;gap:10px}.intent-switch button{padding:16px 13px;font-size:.85rem;gap:10px}
  .intent-content{margin-top:24px}.intent-content h3{font-size:1.7rem}.intent-content p{font-size:1rem}.starting-choice .text-link{margin-top:24px}
  .process-grid{grid-template-columns:1fr;gap:32px}.process-image{position:relative;top:auto;min-height:0;aspect-ratio:1.35}
  .process-image>img{height:310px;object-position:center}.process-image>p{font-size:1rem;bottom:15px;padding:12px 16px}
  .process-copy h2{font-size:2.55rem}.process-intro{font-size:1rem;margin-top:23px}.process-list{margin-top:26px}
  .process-list li{padding-block:22px;gap:20px}.process-list h3{font-size:1.3rem}.process-list p{font-size:.94rem}
  .pricing h2{font-size:2.7rem}.pricing .section-intro{font-size:1rem;padding-top:23px}.plan{padding:28px 24px}.plan-desc{min-height:0}
  .plan-top{flex-wrap:wrap}.plan li{font-size:.94rem}.plan .button{font-size:.9rem}.plan ul{border-color:#d4ccc1}
  .subscription h3{font-size:2.1rem}.subscription>p{font-size:1rem}.faq{padding-top:20px;padding-bottom:50px}.faq h2{font-size:2.6rem}
  .contact{padding:45px 0;margin:0 10px;border-radius:20px}.contact .wrap{width:calc(100% - 36px)}.contact h2{font-size:3rem}
  .contact-copy>p:not(.eyebrow){font-size:1rem;margin-top:24px}.contact-grid{gap:35px}.contact-links{margin-top:27px}
  .contact-form .black{font-size:.9rem}.footer{margin-top:14px;padding-top:36px}.footer-brand{width:220px}.footer-top{padding-bottom:30px}
}
@media(max-width:360px){.light-copy h1{font-size:8.9vw}.hero-action{display:block}.hero-action>span{display:block;max-width:none;margin-top:12px;font-size:.7rem}.hero-action>span br{display:none}.light-art{height:270px;margin-top:10px}.front-layer{top:53%}.first-impression>p{font-size:1.9rem}.intent-switch button{font-size:.8rem}.work .section-head h2{font-size:2.45rem}.starting-title h2{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){[data-sc-parallax],[data-sc-tilt]{transform:none!important}.orange-lens{transform:none!important}.sc-ready [data-sc-in],.sc-ready [data-sc-stagger]>*,.sc-in{opacity:1!important;transform:none!important}.process-image{position:relative;top:auto}}
.motion-off [data-sc-parallax],.motion-off [data-sc-tilt]{transform:none!important}.motion-off .orange-lens{transform:none!important}
.motion-toggle{padding:0;border:0;border-bottom:1px solid #928576;background:transparent;font-size:inherit;color:inherit;min-height:24px}
.motion-toggle[aria-pressed=true]{color:#8d2d0b;border-color:currentColor}
.motion-off [data-sc-in],.motion-off [data-sc-stagger]>*{opacity:1!important;transform:none!important;transition:none!important}
.motion-off .process-image{position:relative;top:auto}
.motion-off .button,.motion-off .floating-work,.motion-off .project-visual img{transition:none!important}

/* Desktop approval pass. Mobile composition will follow the approved layout. */
.extra-plane{display:none}
.concept-screen{display:block;container-type:inline-size;width:100%;text-align:left;letter-spacing:0;line-height:1.3}
.concept-sheet{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;font-family:Onest,Arial,sans-serif;font-size:1.18cqw;font-weight:400}
.concept-sheet span{box-sizing:border-box}
.sheet-nav{display:flex;justify-content:space-between;align-items:center;padding:2.3cqw 4cqw;height:9.7cqw;font-size:1cqw}
.dental-sheet{background:#f0f5f6;color:#183b52}
.dental-brand{font-size:3.3cqw;letter-spacing:-.2cqw;font-weight:600;line-height:.9}
.dental-brand>span{display:block;font-size:.8cqw;letter-spacing:.03cqw;font-weight:400;margin-top:.7cqw}
.sheet-nav-action{padding:.8cqw 1.3cqw;border:1px solid #54768a;border-radius:5cqw}
.dental-main{display:grid;grid-template-columns:1.06fr 1fr;gap:3.5cqw;padding:1.2cqw 4cqw 0;height:44.7cqw}
.dental-copy{display:block;position:relative;padding-top:2cqw}
.sheet-kicker{display:block;font-size:.72cqw;letter-spacing:.16cqw;margin-bottom:2.4cqw}
.sheet-heading{display:block;font-size:5.2cqw;line-height:1.05;font-weight:500;letter-spacing:-.25cqw}
.sheet-body{display:block;font-size:1.15cqw;line-height:1.65;margin-top:2.4cqw;color:#536e7c}
.sheet-cta{display:inline-block;border-radius:5cqw;padding:1.3cqw 1.6cqw;margin-top:3cqw;background:#2b6887;color:#fff;font-size:1cqw}
.dental-flower{position:absolute;left:0;bottom:2.9cqw;font-size:6.5cqw;line-height:1;color:#497b92}
.sheet-footnote{position:absolute;left:7.8cqw;bottom:4.6cqw;font-size:.8cqw}
.dental-photo{display:block;position:relative;overflow:hidden;border-radius:3.5cqw}
.floating-work .dental-photo img,.dental-photo img{display:block;width:100%;height:100%;object-fit:cover}
.dental-photo>span{position:absolute;bottom:2cqw;left:1.6cqw;right:1.6cqw;background:#eaf2f6e8;padding:1.4cqw;text-align:center;border-radius:2cqw;font-size:1cqw}
.dental-bottom{display:flex;justify-content:space-between;margin:3cqw 4cqw 0;padding-top:1.5cqw;border-top:1px solid #c9d9df;font-size:.85cqw}
.interior-sheet{background:#c4c3b6;color:#25231f}
.interior-sheet .sheet-nav{height:7cqw;padding:1cqw 3.4cqw;font-size:.78cqw}
.interior-monogram{font:italic 4.4cqw Georgia,serif;letter-spacing:-.4cqw}
.interior-title{display:flex;align-items:flex-end;justify-content:space-between;padding:0 3.4cqw 1.3cqw;height:16cqw}
.interior-title>span:first-child{font:2.3cqw/1.13 Georgia,serif;padding-bottom:1.6cqw}
.interior-wordmark{font:18cqw/.77 Georgia,serif;letter-spacing:-1.1cqw}
.interior-photo{display:block;position:relative;margin-inline:3.4cqw;height:32.5cqw;overflow:hidden}
.floating-work .interior-photo img,.interior-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 60%}
.interior-photo-label{position:absolute;left:2cqw;bottom:2cqw;color:#fff6e8;font-size:.95cqw;padding:.65cqw 1cqw;background:#302619aa}
.interior-circle{position:absolute;bottom:1.7cqw;right:2cqw;display:grid;place-content:center;width:4cqw;height:4cqw;border-radius:50%;background:#e7e5e4;color:#25231f;font-size:2cqw}
.interior-bottom{display:flex;justify-content:space-between;margin:2cqw 3.4cqw 0;font-size:.85cqw}
#dialog-concept{width:100%;max-width:calc(72vh * 1.6);margin-inline:auto}
#dialog-concept[hidden],#dialog-image[hidden]{display:none}

@media(min-width:851px){
  .light-scene{min-height:810px;padding-top:74px;padding-bottom:35px}
  .light-copy h1{font-size:clamp(4.3rem,6.35vw,6.65rem)}
  .light-description{margin-top:26px}
  .hero-action{margin-top:24px}
  .light-art{left:0;right:0}
  .lens-layer{left:54%;top:13%;width:57%}
  .rear-layer{left:72%;top:31%;width:33%;z-index:2}
  .front-layer{left:49%;top:52%;width:43%;z-index:4}
  .front-work{rotate:-7deg}.rear-work{rotate:8deg}
  .extra-plane{display:block;position:absolute}
  .dental-layer{left:75%;top:5%;width:28%;z-index:3}
  .dental-work{rotate:5deg}
  .interior-layer{left:24%;top:66%;width:31%;z-index:5}
  .interior-work{rotate:3deg}
  .notary-layer{left:0;top:74%;width:24%;z-index:3}
  .notary-work{rotate:-5deg}
  .art-label{left:0;right:auto;bottom:auto;top:68%;font-size:.78rem;line-height:1.5;color:#625548}
  .art-label>span{display:block;font-size:.65rem;margin-top:3px;color:#766552}
  .floating-work{box-shadow:0 3px 8px #67564216,0 24px 35px -18px #55463666}
  .project-visual,.project-1 .project-visual{padding:50px 8%;aspect-ratio:1.18;background:#d6c8b6}
  .project-1 .project-visual{background:#c5ccbf}
  .catalog-link{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:1.2fr 1fr auto;gap:40px;margin-top:80px;padding:54px 55px;border:1px solid #bda487;border-radius:20px;background:#d8b99a;box-shadow:0 18px 30px -25px #61402455}
  .catalog-link h3{font-size:clamp(2.3rem,3.4vw,3.5rem);line-height:1.05;max-width:430px}
  .catalog-link>div>p:not(.eyebrow){font-size:1rem;color:#514131;max-width:340px}
  .catalog-number{font-size:8rem;color:#60432c;gap:12px}
  .catalog-number>span{font-size:2rem}
  .catalog-link .underlined{padding:15px 20px;background:#302820;color:#fff7ee;border:0;border-radius:12px;font-size:.875rem;margin-top:23px;transition:background 180ms,transform 180ms}
  .catalog-link:hover .underlined{background:#594130;transform:translateY(-2px)}
}

@media(min-width:851px) and (max-height:800px){
  .light-scene{min-height:620px;height:calc(100svh - 86px);padding-top:40px;padding-bottom:20px}
  .hero-label{margin-bottom:22px}
  .light-copy h1{font-size:clamp(3.7rem,5.7vw,5rem)}
  .light-description{font-size:1rem;line-height:1.6;max-width:390px;margin-top:20px}
  .hero-action{margin-top:20px}
  .hero-action .button{min-height:54px}
  .interior-layer{left:27%;top:64%;width:28%}
  .notary-layer{top:72%}
  .art-label{display:none}
}