@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:Arial,Helvetica,sans-serif;--default-mono-font-family:ui-monospace,monospace}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.\!table{display:table!important}.block{display:block}.grid{display:grid}.hidden{display:none}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.shadow,.shadow\/density{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--background:#b8dfd4;--foreground:#294b46;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{width:100%;height:100%;min-height:0;margin:0;padding:0;overflow:hidden}body{color:var(--foreground);background:var(--background);overscroll-behavior:none;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #244f49}.portfolio{isolation:isolate;height:var(--portfolio-viewport-height,100vh);min-height:0;position:relative;overflow:hidden}.island-stage{touch-action:none;position:absolute;inset:0}.island-stage:active{cursor:grabbing!important}.island-intro{pointer-events:none;transition:opacity .16s,visibility .16s;position:absolute;top:42px;left:48px}.has-selection .island-intro{opacity:0;visibility:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.16em;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.small-sun{background:#f4ce83;border-radius:50%;width:12px;height:12px;display:inline-block;box-shadow:0 0 0 4px #f4ce8330}h1{letter-spacing:-.055em;margin:12px 0 9px;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,3.4vw,48px);font-weight:400;line-height:1}h1>span{color:#c58062}.island-intro p{color:#42655f;margin:0;font-size:13px}.portfolio.is-night .island-intro{color:#f5f2e8;text-shadow:0 2px 12px #020b10cc}.portfolio.is-night .island-intro p{color:#c5d9d8}.portfolio.is-night .small-sun{background:#dce8ff;box-shadow:0 0 0 4px #9cb9e830,0 0 18px #c7dbff8f}.appearance-toggle{z-index:11;top:max(20px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));color:#173d35;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#fff9eceb;border:1px solid #294b4638;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:94px;height:42px;padding:0 15px;font:700 10px ui-monospace,monospace;transition:color .18s,background .18s,border-color .18s,transform .18s,box-shadow .18s;display:inline-flex;position:absolute;box-shadow:0 6px 22px #173d3528}.sound-toggle{z-index:11;top:max(20px,env(safe-area-inset-top));right:calc(max(22px,env(safe-area-inset-right)) + 104px);color:#173d35;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#fffaf0eb;border:1px solid #294b4638;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:inline-flex;position:absolute;box-shadow:0 6px 22px #173d3528}.portfolio.is-night .sound-toggle{color:#f7f3e8;background:#102839e8;border-color:#d8e6f45c;box-shadow:0 8px 26px #0008}.sound-toggle .appearance-toggle-icon{font:16px/1 system-ui,sans-serif}.appearance-toggle:hover{transform:translateY(-1px);box-shadow:0 8px 26px #173d3538}.appearance-toggle:focus-visible{outline-offset:3px;outline:3px solid #f2c96d}.appearance-toggle-icon{place-items:center;width:20px;height:20px;font:18px/1 Georgia,serif;display:grid}.portfolio.is-night .appearance-toggle{color:#f7f3e8;background:#102839e8;border-color:#d8e6f45c;box-shadow:0 8px 26px #0008}.portfolio.has-linkedin .appearance-toggle{right:max(72px,calc(env(safe-area-inset-right) + 72px))}.portfolio.has-linkedin .sound-toggle{display:none}.island-footer{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff9ecde;border:0 solid #ffffffe0;border-top-width:1px;border-radius:20px 20px 0 0;flex-direction:column;width:100%;height:154px;padding:6px 12px 8px;transition:height .22s,padding .22s;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 42px #294b4624}.island-footer.is-collapsed{height:44px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.footer-toolbar{flex:0 0 32px;justify-content:center;align-items:center;gap:12px;min-width:0;padding:0 4px 3px;display:flex}.footer-toggle{color:#31574b;letter-spacing:.04em;text-transform:uppercase;background:#fffdf7cc;border:1px solid #c9d4c3;border-radius:999px;flex:none;align-items:center;gap:7px;min-height:28px;padding:5px 10px;font-size:9px;font-weight:700;display:inline-flex}.footer-toggle:hover,.footer-toggle:focus-visible{background:#e7eee0;border-color:#9db19a}.footer-toggle-icon{font-size:15px;line-height:.8;transition:transform .2s;display:inline-block;transform:rotate(0)}.island-footer.is-collapsed .footer-toggle-icon{transform:rotate(180deg)}.project-nav{scrollbar-width:thin;scroll-snap-type:x proximity;flex-direction:row;flex:1;align-items:stretch;gap:6px;min-height:0;padding:3px;display:flex;overflow:auto hidden}.panel-label{display:none}.project-choice{color:#35544b;text-align:left;scroll-snap-align:start;background:0 0;border:1px solid #0000;border-radius:13px;flex-direction:column;flex:1 0 112px;align-items:stretch;gap:4px;width:auto;min-height:0;padding:5px;transition:background .18s,border-color .18s,transform .18s;display:flex}.project-choice:hover,.project-choice:focus-visible{background:#e2ebdb}.project-choice.is-selected{background:#e7ebd9;border-color:#b4c8a8}.social-choice{background:#fff0cf;border-color:#e8c77d}.social-choice:hover,.social-choice:focus-visible,.social-choice.is-selected{background:#f7ddb0;border-color:#d9a84f}.meta-choice{background:linear-gradient(115deg,#e9f7ff,#f7fbff);border-color:#a7d8f6}.meta-choice:hover,.meta-choice:focus-visible,.meta-choice.is-selected{background:linear-gradient(115deg,#d8f0ff,#edf7ff);border-color:#1689f4}.meta-choice .choice-number{color:#fff}.choice-thumbnail{background:#dce6d8;border-radius:9px;flex:0 0 58px;width:100%;height:58px;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #ffffffa8}.choice-thumbnail img{object-fit:cover;border-radius:9px;width:100%;height:100%;display:block}.meta-choice .choice-thumbnail img{object-fit:contain;background:#fff}.choice-number{background:var(--project-color);color:#233d37;border:2px solid #fff9ec;border-radius:50%;place-items:center;width:22px;height:22px;font:9px ui-monospace,monospace;display:grid;position:absolute;bottom:-4px;left:-4px;box-shadow:0 2px 6px #294b4633}.choice-copy{flex:1;gap:3px;min-width:0;display:grid}.choice-copy strong{color:#2f5148;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.15;overflow:hidden}.choice-copy small,.choice-arrow{display:none}.orbit-hint{color:#365b55;letter-spacing:.025em;text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:9px;line-height:1.35;overflow:hidden}.project-card{z-index:3;width:380px;max-height:calc(var(--portfolio-viewport-height,100vh) - 304px);scrollbar-width:thin;background:#fffaf0;border:1px solid #fffef8;border-radius:20px;flex-direction:column;animation:.2s ease-out card-enter;display:flex;position:absolute;top:142px;left:28px;overflow:visible;box-shadow:0 8px #80978655,0 24px 64px #173d355c}.project-card.is-wide-detail{border-width:1px;border-radius:22px;flex-direction:row;width:auto;height:clamp(286px,32vh,370px);max-height:none;top:92px;left:clamp(16px,2.25vw,30px);right:clamp(16px,2.25vw,30px);overflow:hidden;box-shadow:0 10px #8097863b,0 28px 72px #173d3540}.project-card.is-wide-detail .project-image{border:1px solid #d8ded1;border-radius:16px;flex:0 0 clamp(190px,18vw,250px);align-self:center;width:clamp(190px,18vw,250px);height:clamp(150px,19vh,210px);min-height:0;margin:24px;box-shadow:0 12px 32px #294b4624}.project-card.is-wide-detail .close-card{width:44px;height:44px;font-size:28px;top:18px;right:20px}.project-card.is-wide-detail .card-content{scrollbar-width:none;border-radius:0 0 22px;flex:1;grid-template-rows:repeat(6,auto);grid-template-columns:minmax(340px,1.55fr) minmax(230px,.72fr);grid-template-areas:"meta meta""title stat""description facts""highlight facts""tags facts""link link";align-content:center;gap:8px clamp(20px,2.5vw,40px);min-width:0;padding:22px clamp(72px,6vw,92px) 20px 10px;display:grid;overflow-y:auto}.project-card.is-wide-detail .card-content::-webkit-scrollbar{display:none}.project-card.is-wide-detail .card-meta-line{grid-area:meta;padding-right:4px}.project-card.is-wide-detail .card-kicker{font-size:11px}.project-card.is-wide-detail .card-content h2{grid-area:title;align-self:end;margin:2px 0 3px;font-size:clamp(32px,3vw,48px);line-height:.98}.project-card.is-wide-detail .card-content>p{grid-area:description;max-width:880px;font-size:clamp(14px,1.08vw,16px);line-height:1.5}.project-card.is-wide-detail .headline-stat{grid-area:stat;align-self:end;margin:0;padding:14px 16px}.project-card.is-wide-detail .headline-stat strong{font-size:clamp(28px,2.4vw,38px)}.project-card.is-wide-detail .headline-stat span{font-size:10px}.project-card.is-wide-detail .project-facts{grid-area:facts;grid-template-columns:1fr;align-self:stretch}.project-card.is-wide-detail .project-facts div{grid-template-columns:86px 1fr;align-items:center;padding:9px 11px;display:grid}.project-card.is-wide-detail .project-facts dt{margin:0;font-size:9px}.project-card.is-wide-detail .project-facts dd{font-size:11px}.project-card.is-wide-detail .project-tags{grid-area:tags;align-self:end;margin:0}.project-card.is-wide-detail .project-tags li{padding:6px 10px;font-size:10px}.project-highlight{border:1px solid var(--project-color);grid-area:highlight;margin:12px 0 4px;padding:12px 14px}@supports (color:color-mix(in lab, red, red)){.project-highlight{border:1px solid color-mix(in srgb,var(--project-color)32%,#d6ddca)}}.project-highlight{background:var(--project-color);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.project-highlight{background:color-mix(in srgb,var(--project-color)9%,#fffdf8)}}.project-highlight h3{color:#294b46;letter-spacing:-.025em;margin:3px 0 5px;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:400}.project-highlight p{color:#506a61;font-size:11px;line-height:1.45}.project-card.is-wide-detail .project-highlight{grid-template-columns:minmax(130px,.42fr) minmax(260px,1fr);grid-template-areas:"kicker copy""title copy";align-items:center;column-gap:16px;margin:0;padding:10px 13px;display:grid}.project-card.is-wide-detail .project-highlight .card-kicker{grid-area:kicker;align-self:end}.project-card.is-wide-detail .project-highlight h3{grid-area:title;align-self:start;margin:2px 0 0;font-size:clamp(17px,1.5vw,22px)}.project-card.is-wide-detail .project-highlight p{grid-area:copy;font-size:clamp(11px,.9vw,13px);line-height:1.42}.project-card.is-wide-detail.has-highlight .project-tags{display:none}.project-card.is-wide-detail .visit-project{grid-area:link;min-height:48px;font-size:14px}.project-card.is-wide-detail .card-status{border-color:#fffaf0;font-size:9px;bottom:18px;left:20px}.project-card.is-linkedin{z-index:10;width:100%;height:var(--portfolio-viewport-height,100vh);max-height:none;box-shadow:none;border:0;border-radius:0;position:fixed;overflow:hidden;inset:0!important}.project-card.is-linkedin .close-card{z-index:12;width:42px;height:42px;position:fixed;top:14px;right:16px;box-shadow:0 5px 18px #173d3540}.linkedin-fullscreen-content{flex-direction:column;width:100%;height:100%;min-height:0;padding:0;display:flex}.linkedin-fullscreen-header{background:#fffaf0;border-bottom:1px solid #d6ddca;flex:none;padding:18px 76px 14px 22px}.linkedin-fullscreen-header h2{letter-spacing:-.035em;margin:5px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,3vw,34px);font-weight:400;line-height:1.08}.linkedin-fullscreen-header p{color:#627368;max-width:820px;margin:0;font-size:12px;line-height:1.45}.project-card.is-linkedin .social-embed-shell{flex-direction:column;flex:auto;min-height:0;margin:12px;display:flex}.project-card.is-linkedin .social-embed{flex:auto;height:100%;min-height:0}.project-image{object-fit:cover;background:#e4ecdf;border-radius:20px 20px 0 0;flex:none;width:100%;height:155px;display:block}.project-card.has-embed .project-image{height:112px}.close-card{z-index:1;color:#294b46;background:#fffaf0ed;border:1px solid #ffffffbd;border-radius:50%;width:38px;height:38px;font-size:25px;line-height:1;position:absolute;top:10px;right:10px}.card-collapse-tab{z-index:1;color:#294b46;letter-spacing:.12em;text-transform:uppercase;background:#fffaf0ed;border:1px solid #294b4630;border-radius:999px;align-items:center;gap:6px;height:30px;padding:0 12px;font:700 9px ui-monospace,monospace;transition:background .18s,border-color .18s;display:inline-flex;position:absolute;top:14px;right:56px;box-shadow:0 4px 12px #173d351f}.card-collapse-tab:hover,.card-collapse-tab:focus-visible{border-color:var(--project-color)}@supports (color:color-mix(in lab, red, red)){.card-collapse-tab:hover,.card-collapse-tab:focus-visible{border-color:color-mix(in srgb,var(--project-color)70%,#294b46)}}.card-collapse-tab:hover,.card-collapse-tab:focus-visible{background:#fff}.card-collapse-icon{font-size:12px;line-height:1;transition:transform .2s;display:inline-block}.project-card.is-collapsed .card-collapse-icon{transform:rotate(180deg)}.project-card.is-wide-detail .card-collapse-tab{top:25px;right:76px}.project-card.is-collapsed,.project-card.is-wide-detail.is-collapsed{height:auto;max-height:none}.project-card.is-collapsed .project-image,.project-card.is-collapsed .card-status,.project-card.is-collapsed .card-content>:not(.card-meta-line):not(h2){display:none}.project-card.is-collapsed .card-content,.project-card.is-wide-detail.is-collapsed .card-content{padding:16px 190px 16px 22px;display:block}.project-card.is-collapsed .card-content h2,.project-card.is-wide-detail.is-collapsed .card-content h2{margin:4px 0 0;font-size:clamp(20px,2vw,28px)}.card-content{border-radius:0 0 20px 20px;min-height:0;padding:20px;overflow-y:auto}.card-kicker{text-transform:uppercase;letter-spacing:.15em;color:#6a796a;font:9px ui-monospace,monospace}.card-meta-line{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-status{z-index:2;background:var(--project-color);border:3px solid #fffaf0;border-radius:999px;padding:7px 11px;position:absolute;bottom:-14px;left:18px}@supports (color:color-mix(in lab, red, red)){.card-status{background:color-mix(in srgb,var(--project-color)72%,#fff)}}.card-status{color:#294b46;letter-spacing:.08em;text-transform:uppercase;font:700 8px ui-monospace,monospace;box-shadow:0 5px 14px #173d3530}.card-content h2{letter-spacing:-.04em;margin:6px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:400}.card-content p{color:#627368;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.65}.headline-stat{background:var(--project-color);border-radius:13px;align-items:baseline;gap:9px;margin:16px 0 12px;padding:12px 13px;display:flex}@supports (color:color-mix(in lab, red, red)){.headline-stat{background:color-mix(in srgb,var(--project-color)13%,#fff)}}.headline-stat strong{color:#263f37;font:600 25px/1 Georgia,serif}.headline-stat span{color:#627368;text-transform:uppercase;letter-spacing:.08em;font:9px ui-monospace,monospace}.project-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;display:grid}.project-facts:has(>:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}.project-facts div{background:#fffdf8;border:1px solid #d6ddca;border-radius:11px;min-width:0;padding:8px}.project-facts dt{color:#7b897e;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font:8px ui-monospace,monospace}.project-facts dd{color:#3f574d;overflow-wrap:anywhere;margin:0;font-size:9px;line-height:1.25}.project-tags{flex-wrap:wrap;gap:5px;margin:15px 0 20px;padding:0;list-style:none;display:flex}.project-tags li{color:#54694f;border:1px solid #dfe4d3;border-radius:20px;padding:5px 8px;font-size:9px}.social-embed-shell{background:#fff;border:1px solid #d6ddca;border-radius:12px;margin:16px 0;overflow:hidden}.social-embed{background:#fff;border:0;width:100%;min-height:520px;display:block}.social-embed-fallback{color:#31574b;background:#f4f5ea;border-top:1px solid #d6ddca;justify-content:space-between;align-items:center;min-height:40px;padding:9px 12px;font-size:10px;font-weight:700;text-decoration:none;display:flex}.visit-project{color:#fffaf0;background:#31574b;border-radius:10px;justify-content:space-between;align-items:center;min-height:44px;padding:12px 15px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.visit-project:hover{background:#20483c}.visit-project>span[aria-hidden]{font-size:18px}.anchor-line{z-index:1;transform-origin:0;pointer-events:none;visibility:hidden;filter:drop-shadow(0 2px 2px #294b4630);background:#fff9ec;height:2px;display:none;position:absolute}.anchor-line.is-visible{display:block}.anchor-line:before{content:"";background:#dcbb7c;border:3px solid #fff9ec;border-radius:50%;width:12px;height:12px;position:absolute;top:-5px;left:-5px}.image-fallback{background:#e5eddc;position:relative;overflow:hidden}.fallback-sun{background:var(--project-color);border-radius:50%;width:52px;height:52px;position:absolute;top:20px;left:calc(50% - 26px)}.fallback-island{background:#789d7c;border-radius:50%;width:135px;height:44px;position:absolute;top:73px;left:calc(50% - 67px);transform:rotate(-8deg);box-shadow:0 7px #d0bd87,0 15px #97b9a7}.fallback-caption{text-align:center;color:#486453;width:100%;font:9px ui-monospace,monospace;position:absolute;bottom:10px}.scene-status{text-align:center;background:#fffaf0ed;border-radius:14px;width:min(320px,80vw);margin:0;padding:18px 24px;font-size:13px;line-height:1.6;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes card-enter{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media (min-width:641px) and (max-width:1000px){.project-choice{flex-basis:106px}.choice-thumbnail{flex-basis:54px;height:54px}.project-card.is-wide-detail .project-image{flex-basis:clamp(170px,22vw,210px);width:clamp(170px,22vw,210px);margin:18px}.project-card.is-wide-detail .card-content{grid-template-columns:minmax(260px,1.2fr) minmax(190px,.8fr);column-gap:18px;padding-left:4px}.island-intro{top:28px;left:28px}}@media (max-width:640px){.portfolio{min-height:0}.island-intro{top:25px;left:24px}.appearance-toggle{top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));width:42px;min-width:42px;height:42px;padding:0}.appearance-toggle>span:last-child{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.portfolio.has-linkedin .appearance-toggle{right:max(62px,calc(env(safe-area-inset-right) + 62px))}.sound-toggle{top:max(14px,env(safe-area-inset-top));right:calc(max(14px,env(safe-area-inset-right)) + 50px)}.eyebrow{font-size:8px}h1{margin-top:10px;font-size:32px}.island-intro p{font-size:11px}.island-stage{top:80px;bottom:136px;right:0}.nav-collapsed .island-stage{bottom:44px}.has-selection .island-stage{bottom:0}.island-footer{width:100%;height:132px;padding:5px 6px max(5px,env(safe-area-inset-bottom));border-radius:15px 15px 0 0;inset:auto 0 0}.island-footer.is-collapsed{height:calc(44px + env(safe-area-inset-bottom))}.has-selection .island-footer{display:none}.project-nav{gap:5px;padding:2px}.project-choice{scroll-snap-align:start;flex-direction:column;flex:0 0 108px;align-items:stretch;gap:4px;min-height:0;padding:5px}.choice-thumbnail{flex:0 0 52px;width:100%;height:52px}.choice-number{width:20px;height:20px;font-size:8px}.choice-copy strong{font-size:10px}.choice-copy small,.choice-arrow{display:none}.footer-toolbar{justify-content:space-between;padding-inline:5px}.orbit-hint{text-align:left;max-width:calc(100vw - 122px);font-size:8px}.project-card,.project-card.is-wide-detail{right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:auto;height:auto;max-height:var(--portfolio-mobile-card-max-height,36vh);border:1px solid #fffef8;border-radius:16px;flex-direction:column;overflow:visible;top:auto!important;left:10px!important}.project-card.is-linkedin{width:100%;height:var(--portfolio-viewport-height,100vh);border-radius:0;max-height:none;inset:0!important}.project-card.is-linkedin .close-card{width:38px;height:38px;top:10px;right:10px}.linkedin-fullscreen-header{padding:13px 56px 10px 14px}.linkedin-fullscreen-header h2{margin:3px 0 0;font-size:18px}.linkedin-fullscreen-header p{display:none}.project-card.is-linkedin .social-embed-shell{border-radius:8px;margin:6px}.project-image,.project-card.has-embed .project-image,.project-card.is-wide-detail .project-image{width:100%;height:92px;min-height:92px;box-shadow:none;border:0;border-radius:16px 16px 0 0;flex:0 0 92px;margin:0}.card-content,.project-card.is-wide-detail .card-content{border-radius:0 0 16px 16px;padding:14px;display:block}.project-card.is-wide-detail .close-card{width:38px;height:38px;font-size:25px;top:10px;right:10px}.card-collapse-tab,.project-card.is-wide-detail .card-collapse-tab{height:28px;padding:0 10px;top:14px;right:54px}.project-card.is-collapsed .card-content,.project-card.is-wide-detail.is-collapsed .card-content{border-radius:16px;padding:12px 150px 12px 14px}.project-card.is-collapsed .card-content h2,.project-card.is-wide-detail.is-collapsed .card-content h2{font-size:18px}.project-card.is-wide-detail .card-kicker{font-size:9px}.card-content h2{margin-bottom:7px;font-size:22px}.card-content p,.project-card.is-wide-detail .card-content>p{font-size:11px;line-height:1.5}.headline-stat,.project-card.is-wide-detail .headline-stat{margin:11px 0 9px;padding:9px 11px}.headline-stat strong,.project-card.is-wide-detail .headline-stat strong{font-size:21px}.project-card.is-wide-detail .project-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card.is-wide-detail .project-facts div{padding:8px;display:block}.project-card.is-wide-detail .project-facts dt{margin-bottom:4px;font-size:8px}.project-card.is-wide-detail .project-facts dd{font-size:9px}.project-tags,.project-card.is-wide-detail .project-tags{margin:9px 0 11px}.project-card.is-wide-detail .visit-project{min-height:44px;font-size:12px}.project-card.is-wide-detail .card-status{font-size:8px;bottom:-14px;left:18px}.anchor-line{display:none!important}.project-card.is-showreel{max-height:none;overflow:visible}.project-card.is-showreel .project-image,.project-card.is-showreel .card-meta-line,.project-card.is-showreel #project-description,.project-card.is-showreel .headline-stat,.project-card.is-showreel .project-facts,.project-card.is-showreel .project-tags{display:none}.project-card.is-showreel .card-content{padding:16px;overflow:visible}.project-card.is-showreel .card-content h2{margin:0 48px 12px 0;font-size:21px;line-height:1.08}.project-card.is-showreel .visit-project{min-height:40px;padding:10px 13px}.project-card.is-showreel .close-card{width:34px;height:34px;top:10px;right:10px}}@media (max-height:650px) and (min-width:641px){.island-intro{top:22px;left:26px}.project-card.is-wide-detail{height:min(45vh,286px);max-height:none;top:82px}.project-card.is-wide-detail .project-image{height:100%}.project-card.is-wide-detail .card-content{padding-block:16px}.project-card.is-wide-detail .card-content h2{font-size:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
