@import url('tokens.css?v=cut-2');
/* Doit Cut / 01 — one interface alphabet, separate from the existing photograph layout. */
@font-face{font-family:'Doit Interface';src:url('fonts/archivo-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap}
:root{--ink:var(--du-ink);--muted:var(--du-muted);--red:var(--du-accent)}
body{font-family:var(--du-type);font-variant-numeric:tabular-nums;font-synthesis:none}
body :is(h1,h2,h3,h4,button,input,textarea,select,.c-eyebrow,.e-overline,.c-count,.c-frames,.micro,.hero-topline,.hero-bar,.loupe-top,.loupe-bottom,.viewer-credits dt,.header-line,.d-number,.viewer-overline,.viewer-label,.viewer-frame-label,.viewer-sequence,.viewer-caption,.viewer-tools output,.viewer-footnote,.viewer-credits dt,.viewer-sequence #viewer-count,.viewer-information h2,.r-rate-number,.s-price strong){font-family:var(--du-type)!important}
body :is(em,.serif){font-family:var(--du-type);font-style:normal}
.du-icon{display:inline-block;flex:0 0 auto;width:var(--du-icon-size);height:var(--du-icon-size);vertical-align:middle;fill:currentColor;stroke:none;pointer-events:none}
body :is(.d-gallery-views,.c-density) button>span svg.du-icon,.viewer svg.du-icon{width:20px;height:20px;fill:currentColor;stroke:none}
.du-icon-enter{width:19px;height:19px}.du-icon-enter path:last-child{transform-origin:center;transition:transform var(--du-fast) var(--du-ease)}
/* The wordmark stays a wordmark. Display lettering is not a default for page titles. */
.hero-word strong{font-family:Barlow,Impact,sans-serif!important}.brand-mark{font-family:Manrope,sans-serif!important}.hero-asterisk{display:none}
.site-header{border-bottom:0;height:90px}.header-line{font-size:11px;letter-spacing:0;color:var(--muted)}.brand-name{font-size:10px;letter-spacing:.025em;font-weight:500}.site-header nav{gap:30px;font-size:14px}.site-header nav a{position:relative;min-height:var(--du-control-min)}.site-header .contact-link{border:0}.site-header nav a:after{content:'';position:absolute;width:5px;height:7px;bottom:2px;left:0;background:var(--du-accent);border-radius:4px 4px 0 4px;opacity:0;transition:opacity var(--du-fast)}.site-header nav a[aria-current=page]:after{opacity:1}.site-header nav a[aria-current=page]{color:var(--ink)}
.c-eyebrow,.e-overline,.d-number,.micro,.viewer-overline,.viewer-label,.viewer-frame-label{font-size:12px;letter-spacing:0;text-transform:none;font-weight:450;line-height:1.6}
.c-count{font-size:13px;font-weight:450;color:var(--muted);vertical-align:middle;margin:0 0 0 17px;letter-spacing:0}.c-work-head h1{font:var(--du-title-weight) clamp(52px,5.5vw,74px)/1.04 var(--du-type);letter-spacing:-.055em;font-stretch:92%;margin-top:15px}.d-project-heading h1{font:var(--du-project-weight) clamp(44px,4.7vw,66px)/1.08 var(--du-type);letter-spacing:-.045em;margin-top:12px}.r-heading h1,.s-head h1{font:480 clamp(36px,3.6vw,50px)/1.12 var(--du-type);letter-spacing:-.045em}.c-section-head h2{font-size:29px;font-weight:500;letter-spacing:-.035em}.c-work-head p{font-size:14px;line-height:1.8}.hero-message p{font:450 clamp(28px,3.2vw,46px)/1.12 var(--du-type);letter-spacing:-.045em}.hero-message em{font:inherit}.hero-message>span{font-size:13px}.hero-project-title{font-family:var(--du-type);font-size:26px;font-weight:480;letter-spacing:-.035em}.hero-project-title i{font-style:normal}.hero-project .micro{font-size:11px;letter-spacing:0}.hero-topline{letter-spacing:0;font-size:11px}.detail-switch{font-family:var(--du-type);font-size:12px}.hero-bar,.hero-pagination>span{font-family:var(--du-type);font-size:12px}
.c-caption h3,.c-work-grid .c-card .c-caption h3{font-size:21px;font-weight:500;letter-spacing:-.035em}.c-caption>span,.c-work-grid .c-card .c-caption>span{font-size:12px;letter-spacing:0}.c-frames{font-size:11px;font-weight:450;letter-spacing:0}.d-gallery .c-photo figcaption>span{font:450 12px/1.6 var(--du-type)}.d-gallery-toolbar h2{font-size:15px;font-weight:500;letter-spacing:-.015em}.d-gallery-toolbar h2>span{font:450 12px/1.6 var(--du-type);margin-left:12px}.d-project-meta h2{font-size:24px;font-weight:480;letter-spacing:-.035em}.d-project-meta p{font-size:14px;line-height:1.9}.d-project-cta h2,.d-dual h2{font-size:28px;font-weight:500;letter-spacing:-.035em}.d-dual h3{font:480 27px/1.3 var(--du-type);letter-spacing:-.035em}.s-head p,.r-heading>p{font-size:14px;line-height:1.85}
/* Separation is mainly spatial. Rules are reserved for data rows and field boundaries. */
.c-work-tools,.d-project-information,.d-project-information .d-project-meta,.c-guide,.c-work-end,.c-footer,.d-dual,.d-dual-heading,.d-commercial,.d-rental,.d-project-cta,.d-back-work,.s-section,.s-channels,.s-end,.s-source,.s-subnav,.r-studio-nav,.r-index,.r-doc,.r-detail-gallery,.r-next,.r-space #plan,.r-contact-band,.r-next-pages,.r-next-pages>a+a{border:0}
.c-work-head{padding-bottom:32px}.c-work-tools{padding-block:5px;margin-bottom:26px;gap:25px;background:var(--paper)}.c-fields{gap:27px;font-size:14px}.c-fields a{min-height:var(--du-control-min);gap:9px}.c-fields a[aria-current]{color:var(--ink);font-weight:600}.c-fields a[aria-current]:after{content:'';position:static;width:5px;height:7px;flex:none;border-radius:4px 4px 0 4px;background:var(--du-accent)}.d-home-fields a{border:0}.d-project-information{background:#dfddd280;padding:0 18px;margin-bottom:32px}.d-project-information>summary{font-size:13px;min-height:54px;color:var(--ink)}.d-project-information>summary>span{display:flex;align-items:center}.d-project-information .d-project-meta{padding-block:12px 24px}.d-project-information[open]>summary>span{transform:none}.d-project-information[open] .du-icon-expand{transform:rotate(90deg)}.du-icon-expand{transition:transform var(--du-fast) var(--du-ease)}.c-guide{background:#dfddd280;padding-inline:18px}.c-work-end{padding-top:32px;margin-top:24px}.c-footer{margin-top:25px;padding-block:28px 24px;row-gap:15px}.c-footer-brand{font-size:18px;font-weight:600;letter-spacing:-.04em}.c-footer nav{font-size:12px}.c-footer>p{font-size:11px}.d-dual{padding-top:40px}.d-dual-heading{margin-bottom:24px}.d-dual-grid{gap:22px}.d-commercial,.d-rental{background:#dfddd270}.d-project-cta{padding:30px;background:#dfddd280;margin-top:36px}.d-back-work{margin-top:16px}
/* All view choices share a drawing scale; the selected name has weight, not a black tile. */
.c-density,.d-gallery-views{border:0;padding:0;gap:6px;background:none}.c-density button,.d-gallery-views button{position:relative;display:flex;gap:9px;min-height:var(--du-control-min);min-width:0;padding:0 13px;color:var(--muted);font-size:13px;font-weight:400;background:none;border:0}.c-density button[aria-pressed=true],.d-gallery-views button[aria-pressed=true]{background:none;color:var(--ink);font-weight:650}.c-density button[aria-pressed=true]:after,.d-gallery-views button[aria-pressed=true]:after{content:'';position:absolute;bottom:0;left:14px;width:5px;height:7px;background:var(--du-accent);border-radius:4px 4px 0 4px}.d-gallery-views button:hover:not([aria-pressed=true]),.c-density button:hover:not([aria-pressed=true]){background:#dcd9ce80;color:var(--ink)}.c-density button>span,.d-gallery-views button>span{display:flex;align-items:center}
/* Action background has the same small cut as the photograph pictograms. Focus stays outside. */
.d-button{position:relative;isolation:isolate;border:0!important;min-height:var(--du-action-height);display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:0 21px;font-size:13px;line-height:1.6;font-weight:500;background:none!important;color:var(--ink);transform:none!important;box-shadow:none}
.d-button:before{content:'';position:absolute;inset:0;z-index:-1;background:#d8d5c9;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--du-cut)),calc(100% - var(--du-cut)) 100%,0 100%);transition:background var(--du-fast)}.d-button.d-solid{color:#f6f3e9}.d-button.d-solid:before{background:var(--ink)}.d-button:hover:before{background:#cac7ba}.d-button.d-solid:hover:before{background:#3e4038}.d-button:hover .du-icon-enter path:last-child{transform:scale(.78)}.d-button:disabled{opacity:.4;cursor:default}.d-button:disabled:before{background:var(--ink)}
.c-line-link,.d-project-inquiry,.r-link,.s-link,.d-project-inquiry,.viewer-inquiry{border:0;gap:20px;min-height:var(--du-control-min);font-size:13px}.c-line-link>span,.d-project-inquiry>span,.r-link>span,.s-link>span{display:inline-flex;align-items:center;font-size:inherit}.c-line-link:hover,.d-project-inquiry:hover,.r-link:hover,.s-link:hover{text-decoration:underline;text-underline-offset:5px}.r-link:hover>span,.s-link:hover>span{transform:none}.c-card-open{gap:12px;display:flex}.c-card-open .du-icon{width:17px;height:17px}.d-gallery .c-photo-plus,.r-photo-open{border:0;background:var(--paper);width:48px;height:48px;clip-path:polygon(0 0,100% 0,100% 40px,40px 100%,0 100%)}.d-gallery .c-photo-plus .du-icon,.r-photo-open .du-icon{width:19px;height:19px}
.hero-pagination button{border:0;border-radius:0;background:#dad7ca;width:48px;height:48px;display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 40px,40px 100%,0 100%)}.hero-pagination button:hover{background:var(--ink);color:var(--paper)}.hero-pagination button .du-icon{width:23px;height:23px}.hero-bar .discover,.hero-bar .sheet-link{gap:12px}.hero-bar .grid-icon,.hero-bar .down-arrow{display:flex;align-items:center}.hero-bar .down-arrow .du-icon{transform:rotate(90deg);width:18px}.c-pagination{gap:25px}.c-pagination a{font-size:13px;min-width:64px;justify-content:center;background:#dcd9ce;clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%)}
/* Service pages keep their rate tables, maps and content; no outline frames around every section. */
.r-studio-nav{margin-bottom:26px;gap:29px}.r-studio-nav>a{font-size:14px;letter-spacing:0}.r-studio-nav>a[aria-current]:after{inset:auto auto 6px 0;width:5px;height:7px;border-radius:4px 4px 0 4px}.r-studio-nav .r-nav-inquiry{font-size:13px}.r-index{background:#dedbd180;padding-inline:18px;gap:27px}.r-index a{font-size:13px}.r-doc{padding-block:40px}.r-doc h2{font-size:23px;font-weight:500;letter-spacing:-.035em}.r-rate-number{font-size:59px;font-weight:450;letter-spacing:-.05em}.r-rate-number>span{font-family:var(--du-type);font-size:12px}.r-rate-facts{border-color:#c4c1b5}.r-equipment>section{border:0;padding-top:0}.r-equipment-heading>span{font-size:12px}.r-backdrops{border:0}.r-backdrops li,.r-backdrops li+li{border:0;background:#d9d6ca;padding:8px 12px}.r-booking h3,.r-equipment h3{font-size:16px;font-weight:500}.r-guide .s-form-aside{border:0;background:#dcd9ce}.s-disclosure summary,.r-page .s-disclosure summary{min-height:54px}.s-disclosure[open] summary>span{transform:none}.s-disclosure[open] .du-icon-expand{transform:rotate(90deg)}.r-next-pages{gap:20px}.r-next-pages>a{background:#dfddd280}.r-next-pages>a:hover>span:last-child{transform:none}.r-space-specs>div{border-color:#cac7bc}.s-field input,.s-field textarea,.s-field select{border:0;border-bottom:1px solid #a9a89a;background:#f2efe680;font-size:15px;min-height:var(--du-control-min);padding:14px;color:var(--ink)}.s-field input:focus,.s-field textarea:focus,.s-field select:focus{background:#f5f2e8;outline:2px solid var(--red);outline-offset:3px}.s-field{font-size:13px}.s-choices label>span{border-color:#a9a89a}.s-form-aside h3{font-size:24px;font-weight:500;letter-spacing:-.035em}.r-heading .e-overline{font-size:12px}.r-picture-caption{letter-spacing:0}.s-source .s-link{font-size:12px}
/* Dark-room controls retain their two locations and a solid backing above a 1:1 photo. */
.viewer-header,.viewer-canvas-footer,.viewer-information,.viewer-credits,.viewer-context,.viewer-project,.viewer-native-mobile{border:0}.viewer-label,.viewer-frame-label,.viewer-overline{font-size:11px;letter-spacing:0}.viewer-information h2{font:480 43px/1.08 var(--du-type);letter-spacing:-.045em}.viewer-credits{padding-top:12px;margin-top:20px}.viewer-context a{min-height:var(--du-control-min);border:0}.viewer-project,.viewer-inquiry{font-size:13px}.viewer-information .viewer-overline{color:#5f6056}.viewer-nav{border:0;border-radius:0;box-shadow:none;background:#252821f5;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}.viewer-stage.is-zoomed>.viewer-nav{background:#20231df7;box-shadow:0 0 0 3px #f5f2e8}.viewer-nav:hover:not(:disabled){background:#f6f3e9;color:#242520}.viewer-close svg.du-icon{width:18px;height:18px}.viewer-close>span{font-size:13px}.viewer-tool-divider{display:none}.viewer-strip button{border:0;padding:3px;opacity:.5}.viewer-strip button[aria-current=true]{border:0;opacity:1;background:transparent}.viewer-strip button[aria-current=true]:after{content:'';position:absolute;left:4px;top:4px;width:7px;height:9px;border-radius:4px 4px 0 4px;background:#f4be97;box-shadow:0 0 0 2px #252821}.viewer-strip button span{font:11px/1.4 var(--du-type)}.viewer-tools button,.viewer-tools output{font-size:13px}.viewer-information p{font-size:13px;line-height:1.85}.viewer-footnote{border:0}
/* Keyboard focus is a state, never a decorative cut. Do not clip interactive elements. */
body :is(a,button,summary,input,textarea,select):focus-visible{outline:2px solid #913d37;outline-offset:4px}.viewer :is(a,button):focus-visible{outline:2px solid #ffd2a8;outline-offset:-4px}.viewer-nav:focus-visible{box-shadow:inset 0 0 0 3px #ffd2a8}.c-photo-link:focus-visible .c-photo-plus{background:#f6f3e9}
@media(hover:hover) and (pointer:fine){.c-card-link:hover img,.d-gallery .c-photo-link:hover img,.r-page .e-image-frame:hover img{transform:none;filter:none;opacity:1}.du-sample-choice:hover{background:#dedbd1}}
/* Living component sheet. */
.du-system{padding-block:55px 40px}.du-system-heading h1{font:500 clamp(50px,6vw,80px)/1.06 var(--du-type);letter-spacing:-.055em;margin:18px 0 26px}.du-system-heading>p{font-size:16px;line-height:1.9}.du-system-principle{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:45px 0 65px}.du-system-principle h2{font-size:32px;font-weight:500;line-height:1.4;letter-spacing:-.045em}.du-system-principle p,.du-system-note{font-size:14px;line-height:1.95;color:var(--muted);max-width:64ch}.du-system-section{padding:38px 0 48px}.du-system-section>header{display:flex;align-items:baseline;gap:var(--du-space-24);margin-bottom:30px}.du-system-section>header>span{font-size:12px;color:var(--red)}.du-system-section h2{font-size:25px;font-weight:500;letter-spacing:-.035em}.du-icon-library{display:grid;grid-template-columns:repeat(6,1fr);gap:25px;margin:20px 0 30px}.du-icon-spec{display:grid;justify-items:start;gap:14px;padding:22px;background:#dfddd280;min-width:0}.du-icon-spec .du-icon{width:30px;height:30px}.du-icon-spec>span{font-size:13px}.du-icon-spec code{font:12px var(--du-type);color:var(--muted)}.du-system-examples{display:grid;grid-template-columns:1fr 1fr;gap:50px}.du-system-examples h3{font-size:15px;font-weight:500;margin-bottom:20px}.du-system-examples p{font-size:13px;line-height:1.9;color:var(--muted);max-width:50ch;margin-top:22px}.du-sample-choices{display:flex;gap:18px;flex-wrap:wrap}.du-sample-choice{display:flex;align-items:center;gap:10px;min-height:var(--du-control-min);font-size:13px;padding:0 10px}.du-system-examples .d-button{margin:0 12px 8px 0}.du-type-samples{display:grid;grid-template-columns:1fr 1fr;gap:40px}.du-type-samples>div{display:grid;align-content:start;gap:20px}.du-type-samples>div>span{font-size:12px;color:var(--muted)}.du-type-title{font-size:60px;font-weight:480;letter-spacing:-.045em;line-height:1.1}.du-type-section{font-size:28px;font-weight:500;letter-spacing:-.035em}.du-type-samples p{font-size:16px;line-height:1.9}.du-type-samples .du-type-label{font-size:13px}.du-type-samples+.du-system-note{margin-top:30px}.du-system-return{display:flex;gap:20px;margin-top:25px}
@media(max-width:1100px){.header-line{display:none}.du-icon-library{grid-template-columns:repeat(4,1fr)}.site-header nav{gap:25px}.d-project-heading h1{font-size:52px}.c-work-head h1{font-size:60px}.c-work-grid .c-card .c-caption h3{font-size:20px}.c-work-grid .c-card .c-caption{display:block}.r-rate-number{font-size:53px}}
@media(max-width:700px){.site-header{height:78px;padding-inline:22px;gap:18px}.site-header nav{gap:20px;font-size:13px}.brand-mark{font-size:49px}.site-header nav a:after{bottom:1px}.c-work{padding-top:27px}.c-work-head{padding-bottom:25px;align-items:end}.c-work-head h1{font-size:53px;margin-top:12px}.c-work-head p{font-size:12px}.c-count{font-size:12px;margin-left:13px}.c-work-tools{gap:7px;margin-bottom:24px;padding-top:0}.c-fields{gap:8px 22px;font-size:13px}.c-fields a{min-width:0;gap:7px;min-height:var(--du-control-min)}.c-density{margin-left:auto;gap:5px}.c-density button{min-width:0;padding:0 12px;font-size:12px}.c-density button[aria-pressed=true]:after{left:13px}.d-project-heading{gap:18px;padding-bottom:25px;align-items:center}.d-project-heading h1{font-size:44px;margin-top:10px}.d-project-heading .c-eyebrow{font-size:12px}.d-project-inquiry{font-size:12px;max-width:130px;gap:13px}.d-project-inquiry .du-icon{width:18px;height:18px}.d-project-information{padding-inline:14px;margin-bottom:24px}.d-gallery-toolbar{gap:13px}.d-gallery-views{gap:4px;width:100%;justify-content:space-between}.d-gallery-views button{font-size:12px;min-width:0;padding:0 8px;flex:none;gap:8px}.d-gallery-views button[aria-pressed=true]:after{left:9px}.d-gallery .c-photo figcaption>span{font-size:11px}.c-caption h3,.c-work-grid .c-card .c-caption h3{font-size:18px}.c-work-grid .c-card .c-caption>span{font-size:12px}.d-project-cta{padding:24px 20px;gap:23px}.d-project-cta h2{font-size:24px}.d-dual h3{font-size:25px}.d-button{min-height:52px;font-size:13px;gap:20px;padding-inline:18px}.c-line-link{font-size:12px;gap:15px}.c-section-head h2{font-size:25px}.c-footer nav{gap:4px 22px;flex-wrap:wrap;font-size:12px}.c-footer>p{font-size:10px}.r-heading h1,.s-head h1{font-size:36px}.r-heading .e-overline,.c-eyebrow{font-size:12px}.r-studio-nav{gap:23px}.r-studio-nav>a{font-size:13px}.r-studio-nav .r-nav-inquiry{font-size:12px}.r-index{padding-inline:12px;gap:24px}.r-index a{font-size:12px}.r-rate-number{font-size:53px}.r-doc{padding-block:30px}.r-doc h2{font-size:22px}.s-form-aside h3{font-size:22px}.r-next-pages{gap:12px}.r-next-pages .e-overline{font-size:10px}.hero-message p{font-size:30px}.hero-message>span{font-size:12px}.hero-project-title{font-size:22px}.hero-project .micro{font-size:10px}.hero-pagination button{width:48px;height:48px}.hero-bar .discover,.hero-bar .sheet-link{font-size:12px;gap:8px}.viewer-information h2{font-size:35px}.viewer-label{font-size:11px}.viewer-strip button span{font-size:10px}.viewer-nav svg.du-icon{width:21px;height:21px}.du-system{padding-top:35px}.du-system-principle,.du-system-examples,.du-type-samples{grid-template-columns:1fr;gap:30px}.du-system-principle{padding:30px 0}.du-system-principle h2{font-size:28px}.du-icon-library{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.du-icon-spec{padding:16px 12px;gap:12px}.du-system-section{padding-block:30px}.du-system-examples{gap:35px}.du-sample-choices{gap:8px}.du-sample-choice{padding-inline:7px;gap:7px;font-size:12px}.du-type-title{font-size:47px}.du-system-return{flex-direction:column;gap:12px}.du-system-heading>p{font-size:14px}}
@media(max-width:360px){.site-header nav{gap:17px;font-size:12px}.c-fields{gap:4px 17px}.c-density button{padding-inline:10px}.d-project-heading h1{font-size:40px}.d-gallery-views button{font-size:11px;padding-inline:6px;gap:5px}.du-icon-spec{padding:15px 10px}.r-studio-nav{gap:17px}}
@media(prefers-reduced-motion:reduce){.du-icon-enter path,.du-icon-expand,.d-button:before,.site-header nav a:after{transition:none!important}.du-icon-enter path{transform:none!important}}
/* Cut the background layer, so the semantic control keeps a complete focus outline. */
.viewer-nav,.viewer-stage.is-zoomed>.viewer-nav,.viewer-nav:hover:not(:disabled),.viewer-stage.is-zoomed>.viewer-nav:hover:not(:disabled){isolation:isolate;clip-path:none;background:transparent;box-shadow:none}
.viewer-nav{position:relative}
.viewer-nav:before{content:'';position:absolute;inset:0;z-index:-1;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);background:#252821f5;pointer-events:none}
.viewer-nav:hover:not(:disabled):before{background:#f6f3e9}.viewer-stage.is-zoomed>.viewer-nav:before{background:#20231df7}.viewer-stage.is-zoomed>.viewer-nav:hover:not(:disabled):before{background:#f6f3e9}
.hero-pagination button,.c-pagination a{isolation:isolate;position:relative;clip-path:none;background:transparent}
.hero-pagination button:before,.c-pagination a:before{content:'';position:absolute;inset:0;z-index:-1;background:#dad7ca;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);pointer-events:none}
.hero-pagination button:hover{background:transparent}.hero-pagination button:hover:before{background:var(--ink)}

/* Hero uses the same interface alphabet; original DOIT lettering remains. */
.hero-project{border-top:0}.hero-project:hover i{transform:none}.detail-switch{border:0;background:#182427b3;font-size:12px;gap:12px}.detail-switch .switch-light{border-radius:4px 4px 0 4px;width:5px;height:7px}.detail-switch[aria-pressed=true] .switch-light{box-shadow:none;background:#f4be97}.hero-topline{letter-spacing:0}

.r-page .e-overline{letter-spacing:0;text-transform:none;font-size:12px}.r-studio-nav>a[aria-current]:after{background:var(--du-accent)}

/* Doit Cut 02 — API study redrawn as native vectors; outlined brand lettering. */
.du-logo{display:block;overflow:visible;flex:0 0 auto;width:100px;height:auto}
.site-header .brand{display:flex;align-items:center;min-height:48px;min-width:100px;padding:4px 0;gap:0}.site-header .brand .du-logo{width:100px}
.viewer-brand{display:flex;align-items:center;min-height:48px;min-width:88px;letter-spacing:0}.viewer-brand .du-logo{width:86px}.viewer-brand .du-logo-accent{fill:#d49c83}
.c-footer-brand{display:inline-flex;align-items:center;min-height:48px;min-width:102px}.c-footer-brand .du-logo{width:102px}
.du-brand-board{display:grid;grid-template-columns:1fr 1fr;gap:24px}.du-brand-board figure{min-height:240px;margin:0;padding:38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:28px}.du-brand-board .du-logo{width:220px;max-width:100%}.du-brand-board figcaption{font-size:12px;color:var(--muted)}.du-brand-paper{background:#dedbd1}.du-brand-dark{background:#242520;color:#f6f3e9}.du-brand-dark figcaption{color:#d0cec5}.du-brand-small{display:flex;align-items:center;gap:60px;margin:28px 0}.du-brand-small>div{display:flex;align-items:center;gap:24px}.du-brand-small .du-logo-monogram{width:40px}.du-brand-small span{font-size:12px;color:var(--muted)}.du-brand-downloads{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.du-brand-downloads .d-button{font-size:12px}
.du-icon-spec{position:relative}.du-icon-download{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;margin:-10px 0 -10px -12px;font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.du-icon-download:hover{color:var(--ink)}
.viewer-nav svg.du-icon{width:26px;height:26px}.d-gallery-views button>span svg.du-icon{width:23px;height:23px}.du-icon-enter{width:22px;height:22px}.du-icon-enter path:last-child{transform:none!important}
.d-button:before,.viewer-nav:before,.hero-pagination button:before,.c-pagination a:before{clip-path:polygon(0 0,calc(100% - var(--du-cut)) 0,100% var(--du-cut),100% 100%,0 100%)}
.d-gallery .c-photo-plus,.r-photo-open{clip-path:polygon(0 0,40px 0,100% 8px,100% 100%,0 100%)}
@media(max-width:700px){.site-header .brand{min-width:82px}.site-header .brand .du-logo{width:82px}.viewer-brand .du-logo{width:82px}.du-brand-board{grid-template-columns:1fr;gap:16px}.du-brand-board figure{padding:28px;min-height:220px}.du-brand-board .du-logo{width:190px}.du-brand-small{gap:28px;flex-wrap:wrap}.du-brand-small>div{gap:18px}.du-brand-downloads{gap:10px}.du-brand-downloads .d-button{width:100%}.du-icon-spec .du-icon{width:28px;height:28px}}

.site-header nav a{min-width:48px;justify-content:center}
@media(max-width:700px){.site-header{padding-inline:16px;gap:12px}.site-header nav{gap:10px}}
@media(max-width:360px){.du-icon-library{grid-template-columns:repeat(2,minmax(0,1fr))}}

.du-optical-sizes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 30px;margin-top:26px}.du-optical-sizes>div{display:flex;align-items:center;gap:22px;min-height:48px}.du-optical-sizes>div>span:first-child{font-size:12px;color:var(--muted);width:34px;flex:none}.du-optical-sizes .du-icon{width:var(--sample-size);height:var(--sample-size)}
@media(max-width:700px){.du-optical-sizes{grid-template-columns:1fr}.du-optical-sizes>div{gap:14px}}
@media(max-width:1000px){.du-optical-sizes{grid-template-columns:1fr}}
@media(max-width:360px){.du-optical-sizes>div{gap:8px}}